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ABSTRACT 


This  thesis  describes  the  design  of  an  interactive  Web-based  course,  namely 
EC4810  Fault  Tolerant  Computing,  taught  in  the  Department  of  Electrical  and  Computer 
Engineering  (ECE),  at  the  Naval  Postgraduate  School.  It  is  part  of  the  ECE  Department’s 
Distributed  Learning  program  in  which  students  will  use  multimedia  enhanced  online 
courses  through  the  Web.  A  major  accomplishment  of  this  thesis  is  the  development  of  a 
template  for  other  courses.  A  step-by-step  guide  has  been  developed  that  outlines  the 
process  of  online  course  maintenance  and  procedures  for  producing  other  courses. 


V 


THIS  PAGE  IS  INTENTIONALLY  LEFT  BLANK 


VI 


TABLE  OF  CONTENTS 


I.  INTRODUCTION . 1 

A.  Area  of  research . 1 

B .  Research  questions . 2 

C.  Organization  of  the  thesis . 3 

II.  SIGNIFICANT  PRIOR  RESEARCH . 5 

A.  Why  use  web-based  multimedia  distributed  learning? . 5 

B.  Recent  technologies  for  WBT  course  production . 6 

L  Lecture  materials  published  on  web  pages . 7 

2.  Microsoft  PowerPoint  slide  shows  that  run  on  web  browsers . 8 

3.  WBT  course  developed  using  a  high  level  language . 9 

4.  WBT  course  developed  using  a  proprietary  software  package . 9 

5.  WBT  course  developed  using  COTS  authoring  tools . 10 

6.  Recommended  technology  for  use . 10 

C.  Selection  of  software  tools  for  WBT  course  development . 11 

1.  COTS  authoring  tool  -  Authorware  5.2  Attain . 12 

2.  Website  creation  and  management  tool  -  Microsoft  FrontPage  2000 . 14 

III.  DESIGN  AND  DEVELOPMENT  OF  EC4810  COURSE . 17 

A.  Resources  required  for  software  development . 17 

1.  Content  Expert . 17 

2.  Online  Course  Designer/Programmer. . 17 

3.  Education  Specialist . 17 

4.  Graphic  Designer/Artist . 18 

5.  Web  Designer . 18 

6.  Server  Administrator . 18 

B .  EC48 1 0  ONLINE  COURSE  PRODUCTION . 19 

L  Analysis  phase . 19 

2.  Training  phase . 20 

3.  Design  phase . 23 

4.  Development  phase . 24 

5.  Testing  phase . 27 

6.  Implementation  phase . 27 

C.  EC48 10  web  pages  Production . 28 

1 .  Analysis  phase . 28 

2.  Training  phase . 29 

3.  Design  phase . 30 

4.  Development  phase . 32 

5.  Testing  phase . 32 

6.  Implementation  phase . 33 

IV.  NEW  FEATURES  FOR  IMPROVED  WBT  COURSE . 35 

A.  Audio  capability . 36 

B.  Video  capability . 39 

V.  CONCLUSIONS . . . 43 


vii 


APPENDIX  A.  STEP-BY-STEP  GUIDE  FOR  CREATING  ONLINE  COURSE 


.47 


APPENDIX  B.  STEP-BY-STEP  GUIDE  FOR  CREATING  WEB  PAGES . 77 

LIST  OF  REFERENCES . 103 

INITIAL  DISTRIBUTION  LIST . 105 


viii 


EXECUTIVE  SUMMARY 


Applying  the  Web  to  educational  purposes  is  a  major  field  of  research  today. 
Advances  in  the  World  Wide  Web  and  the  availability  of  powerful  personal  computers 
for  the  home  and  the  school,  have  enabled  new  Web-based  techniques  for  teaching.  This 
thesis  describes  the  design  of  an  interactive  Web-based  course,  namely  the  EC4810  Fault 
Tolerant  Computing,  taught  in  the  Department  of  Electrical  and  Computer  Engineering 
(ECE),  at  the  Naval  Postgraduate  School.  It  is  part  of  the  ECE  Department’s  Distributed 
Learning  program  in  which  students  will  use  multimedia  enhanced  online  courses  through 
the  Web. 

A  recent  survey  by  Macromedia  Inc.  indicates  that  93%  of  major  corporations  are 
considering  online  learning.  Today,  the  Web-based  teaching  (WBT)  market  is  $3  billion. 
With  a  market  growth  rate  of  40%,  the  WBT  market  is  projected  to  be  $5.5  billion  by 
2002.  Another  independent  study  by  OmniTech  Corporation  shows  that  WBT  share  of  the 
instructional  market  has  grown  from  5%  in  1997  to  22%  in  2000,  while  the  traditional 
classroom  method  has  decreased  from  78%  to  50%  in  three  years.  From  a  cost  standpoint, 
Merrill  Lynch  concluded  that,  “What  used  to  cost  $300  for  an  hour  of  instruction  using 
the  classroom,  will  be  $0.03  in  2005  using  WBT,  four  orders  of  magnitude  difference!”  It 
is  reasonable  therefore  to  conclude  that  WBT  is  the  right  direction  for  the  NPS  to  work 
towards. 

Although  rapid  advancements  in  Web  authoring  software  have  created  the 
possibility  of  delivering  online  learning  to  a  wider  audience,  tapping  this  potential  and 
selecting  the  right  tools  for  use  is  not  always  easy.  Hence,  this  thesis  sought  to  identify 
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which  are  the  recent  Web  technologies  available  and  investigate  which  is  the  most 
suitable  for  the  production  of  WBT  ECE  courses.  Based  on  prior  research  work 
accomplished  in  the  same  field,  and  upon  further  investigation,  it  was  concluded  that 
COTS  authoring  tools  are  the  most  suitable  for  WBT  ECE  course  production.  In  addition, 
the  COTS  authoring  tools  of  choice  selected  for  this  thesis  work  are  Macromedia’s 
Authorware  5.2  and  Microsoft’s  FrontPage  2000. 

Subsequently,  the  actual  process  of  designing,  developing  and  delivering  the 
course  on  the  Web  can  be  a  more  difficult  task.  The  goal  was  to  design  and  develop  a 
prototype  online  course  for  EC4810.  At  the  initial  phase,  the  author  had  to  learn  and  be 
proficient  in  the  use  of  the  selected  COTS  authoring  tools.  Thereafter,  proper  analysis  and 
careful  planning  were  needed  to  ensure  that  all  critical  requirements  were  understood  and 
met.  The  design  and  development  phase  were  the  most  task  intensive.  A  major 
accomplishment  of  this  thesis  is  the  development  of  a  template  for  other  courses. 
Eventually,  a  step-by-step  guide  was  developed  that  outlines  the  process  of  online  course 
maintenance  and  procedures  for  producing  other  courses.  It  was  shown  that  using  the 
developed  template  and  step-by-step  guide  can  help  reduce  development  time  by  as  much 
as  50%. 

Finally,  as  Web  technologies  are  evolving  so  rapidly,  it  is  imperative  that  we  keep 
pace  with  the  changing  techniques  and  maintain  the  online  course  up  to  date.  This  thesis 
continues  to  investigate  what  are  some  enhancements  possible  for  incorporation  into 
future  online  courses.  In  particular,  audio  and  video  capabilities  were  investigated  and 
discussed.  It  was  clear  that  multimedia  rich  applications  using  audio  and  video  techniques 
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required  much  more  storage  space  and  hence  greater  bandwidth  on  the  Internet. 
Traditional  Web  technology  was  not  designed  to  handle  these  applications  well.  Because 
of  the  greater  interactivity  these  applications  can  bring,  and  a  corresponding  increased 
demand,  new  compression  and  streaming  technologies  were  developed  to  overcome  the 
Web  limitations.  It  was  concluded  that  audio  and  video  technologies  can  indeed  enhance 
one’s  WBT  experience  and  it  is  recommended  that  further  research  be  done  in  this  area. 

In  summary,  the  undertaking  of  this  thesis  project  has  provided  the  author  with 
many  learning  opportunities  of  the  World  Wide  Web  and  its  associated  technologies.  In 
particular,  Web-based  teaching  and  learning  of  ECE  courses  were  investigated.  The 
results  were  the  design  and  development  of  a  WBT  online  course  and  Web  page  for  the 
EC4810  Fault  Tolerant  Computing  course.  A  step-by-step  guide  for  creating  new  courses 
and  for  future  maintenance  was  formulated  in  the  process.  These  products  need  to  be 
continuously  updated  to  keep  pace  with  new  information  and  evolving  Web  technologies. 
One  area  of  consideration  was  the  incorporation  of  audio  and  video  in  WBT  courses. 
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I. 


INTRODUCTION 


A.  AREA  OF  RESEARCH 

Applying  the  Web  to  educational  purposes  is  a  major  field  of  research  today.  The 
availability  of  affordable  and  powerful  personal  computers  for  the  home  and  the  greater 
availability  of  high-powered  communications  technology  in  the  school  have  enabled  new 
Web-based  techniques.  It  has  allowed  a  paradigm  shift  from  the  traditional  classroom 
experience. 

Although  the  idea  of  applying  computers  for  educational  purposes  has  existed  for 
30  years,  relatively  inexpensive  computing  and  the  Internet  have  made  this  practical 
nowadays.  The  Web  has  created  an  educational  environment  in  which  lecturers  and 
students  can  communicate  with  each  other  anytime  and  anywhere.  It  extends  educational 
opportunities  from  university  campuses  to  virtually  anywhere  in  the  world. 

Recently,  the  Naval  Postgraduate  School  (NPS)  has  provided  high  quality  Video- 
TeleEducation  (VTE)  to  off-campus  students.  Today,  NPS  aims  to  be  the  leader  in 
Distributed  Learning  graduate  education  for  the  Naval  Forces  and  other  Department  of 
Defense  organizations,  by  merging  the  existing  tele-video  technology  with  Web-based 
learning,  to  provide  a  comprehensive  and  widely  accessible,  continuous  learning  to  the 
Fleet. 

In  line  with  this  vision,  the  Department  of  Electrical  and  Computer  Engineering 
(ECE)  at  NPS  has  initiated  a  Distributed  Learning  program  targeted  at  extending  the 
benefits  of  a  militarily-relevant  electrical  and  computer  engineering  education  to  more 
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people,  by  providing  a  wide  selection  of  multimedia  enhanced  online  courses  through  the 
Web. 

The  goal  of  this  thesis  is  to  develop  an  interactive  Web-based  course,  namely 
EC4810  -  Fault  Tolerant  Computing,  taught  in  the  ECE  Department.  It  includes  self- 
paced  lectures,  quizzes,  tutorials,  research  projects,  sample  examination  papers,  and 
grading  criteria.  The  online  course  developed  for  this  thesis  was  designed  using 
commercial-off-the-shelf  (COTS)  software,  and  builds  upon  significant  prior  research 
done  by  Wilson  Low  in  his  thesis  project  “Investigation  and  application  of  recent  Web- 
based  technologies  to  the  teaching  of  electrical  engineering  courses”  [Ref.  1]. 

Lessons  learned  through  previous  work  in  this  area  were  incorporated  as  much  as 
possible,  while  every  attempt  was  made  to  verify  and  update  information  used.  A  major 
accomplishment  of  this  thesis  was  the  creation  of  a  simple  step-by-step  guide  outlining 
the  maintenance  of  the  online  course  for  future  updates.  It  describes  procedures  to  use  this 
course  as  a  template  for  developing  other  courses. 


B.  RESEARCH  QUESTIONS 

The  rapid  advancements  in  Web  authoring  software  have  created  the  possibility  of 
delivering  online  learning  to  a  wider  audience.  However,  tapping  this  potential  and 
selecting  the  right  tools  for  use  is  not  always  easy.  Subsequently,  the  actual  process  of 
designing,  developing  and  delivering  the  course  on  the  Web  can  be  a  more  difficult  task. 
As  Web  technologies  are  evolving  so  rapidly,  it  is  imperative  that  we  keep  pace  with  the 
changing  techniques  and  maintain  the  online  course  up  to  date.  This  thesis  sought  to 
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investigate  and  address  these  three  issues  as  summarized  in  three  research  questions. 
They  are  as  follows: 

•  Which  recent  Web  technology  is  the  most  suitable  for  the  production  of  Web- 
Based  Training  (WBT)  ECE  courses? 

•  To  what  extent  are  guides  suitable  for  the  creation  and  maintenance  of  online 
courses? 

•  Are  new  features  such  as  sounds  and  movies  relevant  and  matured  enough  for 
incorporation  in  WBT  courses? 

C.  ORGANIZATION  OF  THE  THESIS 

Chapter  I  outlines  the  area  of  research  for  this  thesis  and  presents  the  overall 
organization  of  this  report. 

Chapter  n  reviews  significant  prior  research  done  in  this  topic  on  Web-based 
teaching  and  learning  of  electrical  engineering  courses.  It  discusses  the  benefits  of 
Distributed  Learning  and  evaluates  the  recent  technology  available  for  WBT  productions. 
A  template  for  developing  WBT  courses  was  selected  for  this  thesis. 

Chapter  IE  explains  the  step-by-step  design  and  development  process  of 
producing  the  EC4810  Homepage  and  the  online  course.  A  result  of  the  production  was  a 
manual  for  future  maintenance  and  development  of  new  courses. 

Chapter  IV  looks  at  new  features  available  for  WBT  production  and  evaluates  the 
feasibility  of  incorporating  them.  This  lays  the  groundwork  for  future  work  in  the 
direction  of  WBT. 

Chapter  V  contains  the  conclusions  and  recommendations. 
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II.  SIGNIFICANT  PRIOR  RESEARCH 


A.  WHY  USE  WEB-BASED  MULTIMEDIA  DISTRIBUTED 
LEARNING? 

Distributed  (or  distance)  learning  is  a  type  of  education  where  students  complete 
courses  and  programs  at  home  or  work,  communicating  with  faculty  and  other  students 
via  e-mail,  electronic  forums  and  videoconferences.  Learning  experiences  are  no  longer 
limited  to  traditional  classrooms.  Today,  many  Web-Based  Training  (WBT)  courses  are 
being  produced  for  distributed  learning  through  the  Web,  and  most  are  developed  with 
extensive  multimedia  enhanced  technology. 

Multimedia  technology  employs  computer-controlled  integration  of  text,  graphics, 
sounds  and  animation  to  create  a  dynamic  audio-visual  presentation  that  can  significantly 
capture  a  user’s  attention  and  interest.  This  has  proved  to  be  a  very  effective  tool  for 
education  and  can  greatly  improve  a  student’s  learning  experience,  while  reducing  the 
time  needed  to  comprehend  the  course  materials. 

Multimedia  technology  can  also  be  used  to  build  interactivity,  an  element  crucial 
to  the  success  of  any  educational  system.  We  know  that  human  learning  is  enhanced 
through  direct  involvement.  Hence,  courses  built  with  multimedia  tools  that  employ 
significant  interactivity  can  help  users  to  actively  participate  in  processing  the  course 
materials,  thereby  improving  the  level  of  understanding  and  increasing  the  amount  of 
knowledge  retained.  Research  has  shown  that  interactive  applications  can  improve 
proficiency  by  up  to  40  percent  over  conventional  training,  while  cutting  instruction  time 
by  half  [Ref.  2]. 


5 


The  advent  of  the  World  Wide  Web  (WWW)  has  caused  a  major  change  in 
education  today.  Web-based  educational  systems  are  asynchronous,  that  is,  they  do  not 
require  simultaneous  presence  of  teacher  and  students.  The  Web  enables  worldwide 
access  independent  of  time  and  location.  Using  such  system  does  not  require  expensive 
equipment;  a  personal  computer,  nearly  any  operating  system,  a  Web  browser,  a  modem, 
and  a  telephone  connection  to  an  internet  service  provider  enable  entrance  to  the  Web  and 
thus  to  Web-based  educational  systems.  Indeed,  users  can  now  easily  access  Web-based 
learning  using  computers  connected  to  the  Internet  anywhere,  anytime,  and  more 
importantly,  to  work  at  their  own  individual  pace.  The  same  is  true  for  instructors  who 
can  build  and  maintain  Web-based  courses  anywhere,  anytime. 

The  use  of  computers  to  deliver  learning  in  an  organization  is  not  new.  However, 
the  easily  available  access  to  the  Web  is  accelerating  the  adoption  of  Web-based 
multimedia  distributed  learning.  A  recent  survey  indicates  that  93%  of  major  corporations 
are  considering  online  learning.  Today,  the  Web-based  training  market  is  $3  billion  and 
growing  at  a  rate  of  95%  per  year  [Ref.  2]. 


B.  RECENT  TECHNOLOGIES  FOR  WBT  COURSE  PRODUCTION 

The  goal  of  this  section  is  to  identity  several  recent  technologies  available  for  use 
to  develop  WBT  courses,  and  to  evaluate  which  is  the  most  appropriate  for  WBT  course 
production.  Significant  prior  research  [Ref.  1]  has  been  done  in  this  area  and  whenever 
relevant,  results  will  only  be  cited  to  avoid  duplication.  It  was  shown  that  the  preferred 
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criteria  to  use  for  evaluating  a  suitable  technology  for  WBT  course  production  is  as 
follows: 

•  Uses  commercial -off-the-shelf  (COTS)  software 

•  Has  short  development  time 

•  Encourages  interactivity 

•  Has  good  maintenance/upgrade  support 

•  Is  cost  effective 

Several  recent  technologies  used  to  develop  WBT  courses  were  also  previously 
identified  [Ref.  1],  A  summary  of  each  will  be  discussed  in  this  section,  and  they  include 
the  following: 

•  Lecture  materials  published  on  web  pages 

•  Microsoft  PowerPoint  slide  shows  that  run  on  the  web  browser 

•  An  interactive  course  developed  using  a  high  level  language 

•  An  interactive  course  developed  using  a  proprietary  software  package 

•  An  interactive  course  developed  using  COTS  authoring  tools 

1.  Lecture  materials  published  on  web  pages 

Preparing  electronic  versions  of  lecture  notes  and  books  is  a  fast  and  easy  way  to 
go  online  on  the  Web.  There  is  little  need  for  significant  programming  knowledge,  or 
knowledge  of  Hypertext  Markup  Language  (HTML)  or  Java.  Software  tools  allow  one  to 
export  from  nearly  every  word  processing  program  into  HTML. 
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Although  it  is  the  easiest,  this  approach  is  the  worst  and  most  inefficient  with 
respect  to  educational  success.  Merely  presenting  an  electronic  version  of  lecture 
materials  on  the  Web  makes  little  use  of  multimedia  animation  and  interactivity.  Pure 
online  books  are  useful,  but  are  limited  to  technical  reports/joumals,  online  manuals,  or 
software  documentation. 

2.  Microsoft  PowerPoint  slide  shows  that  run  on  web  browsers 

Traditionally,  instructors  have  used  Microsoft  PowerPoint  to  generate  slides  for 
classroom  lectures.  These  slides  can  be  printed  out  as  handouts  or  printed  on 
transparencies  for  overhead  projection.  In  recent  times,  most  classrooms  have  been 
installed  with  video  projectors  linked  to  a  computer,  where  the  PowerPoint  slides  can  be 
activated  as  a  slide  show.  Indeed,  most  instructors  are  familiar  with  this,  and  it  is 
commonly  used. 

With  the  advanced  of  Local  Area  Network  (LAN)  on  most  campuses,  computers 
in  classrooms  are  all  connected  together.  Instructors  can  now  log  in  through  the  LAN  in 
class  to  access  files  from  their  own  account.  Internet  technology  has  brought  this 
technique  a  step  further,  extending  beyond  the  campus.  With  minimum  technique, 
PowerPoint  slides  can  be  easily  incorporated  into  a  website.  This  way,  an  instructor  can 
access  his/her  slides  beyond  a  campus  LAN.  Many  have  exploited  this  capability  and 
built  up  personal  websites  to  offer  WBT  course. 
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However,  there  are  inherent  disadvantages  with  this  technique.  PowerPoint  slides 
are  generally  large  in  size  and  not  optimized  for  the  usual  Web  page  display.  Slide  shows 
produced  this  way  have  limited  animation  and  do  not  allow  any  real-time  feedback. 

3.  WBT  course  developed  using  a  high  level  language 

High-level  languages  such  as  Java,  Visual  Basic,  C-t-+,  etc.,  can  be  used  to 

develop  WBT  courses  from  scratch.  This  has  the  advantage  of  high  flexibility  and  allows 
full  customization  to  meet  most  requirements  of  an  effective  WBT  course. 

However,  there  are  two  main  disadvantages  that  make  this  a  rarely  chosen  option. 
The  first  is  its  high  development  cost.  The  other  is  poor  maintainability  of  program  codes. 
Instead,  there  are  many  application-specific  software  tools  available  to  help  developers 
build  WBT  courses.  These  software  packages  allow  visual  and  icon-based  design  to  self- 
generate  the  necessary  low  level  language,  relieving  developers  from  having  to  learn  the 
underlying  program  codes.  The  two  main  categories  of  this  type  of  software  package  tools 
are  discussed  in  the  next  two  sections. 

4.  WBT  course  developed  using  a  proprietary  software  package 

Many  proprietary  software  tools  tailored  for  WBT  course  production  have  since 
been  introduced  in  the  market.  In  an  attempt  to  be  among  the  first  to  introduce  WBT 
courses,  many  organizations  have  embraced  these  products  due  to  the  ease  of  use  and 
relatively  short  learning  curve  involved.  However,  these  packages  tend  to  be  expensive 
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(range  of  $15,000  and  above)  and  often  lack  the  flexibility  required  to  build  electrical  and 
computer  engineering  courses. 

5.  WBT  course  developed  using  COTS  authoring  tools 

Midway  between  having  to  build  from  scratch  using  1)  a  high  level  language  and 
2)  a  proprietary  software  package  tailored  specifically  for  WBT  course  production,  are  the 
COTS  interactive  software  tools.  Some  of  the  more  common  COTS  tools  include 
Macromedia  Authorware  5.2  Attain,  Macromedia  Director  8,  and  Asymetrix  Toolbook. 

Two  main  advantages  of  COTS  tools  over  proprietary  software  tools  are  its 
relatively  lower  cost  (range  of  $300  verses  range  of  $15,000)  and  higher  flexibility. 
COTS  tools  also  enjoy  several  other  advantages  over  high-level  language  design,  which 
include  shorter  learning  curve,  ease  of  use,  good  maintainability  and  better  upgrade 
capability. 

6.  Recommended  technology  for  use 

Having  discussed  the  various  techniques  available  for  WBT  course  production,  a 
summary  table  is  drawn  up  for  comparison  based  on  the  preferred  characteristics  laid  out 
earlier  in  this  section  as  follows: 
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Methods  to  put  online  courses  on  the  Web 

Characteristics 

Moderate 

development 

time? 

Interactive? 

Easily 

maintainable? 

Cost 

effective? 

Text-based  materials  as  HTML  (e.g.  files 
with  extension  .txt,  .doc,  .rtf,  .pdf) 

Yes 

No 

Yes 

Yes 

PowerPoint  slide  shows 

Yes 

No 

Yes 

Yes 

High-level  language  (e.g.  Java,  Visual 

Basic,  C*f+,  etc.) 

No 

Yes 

No 

Yes 

Proprietary  software  package 

Yes 

Yes 

No 

No 

COTS  authoring  tools 

Yes 

Yes 

Yes 

Yes 

Table  1.  Comparison  of  Methods  to  put  online  courses  on  the  Web  with  desired 

characteristics 


It  can  be  observed  from  Table  1  above  that  using  COTS  authoring  tools  for 
developing  WBT  courses  is  the  preferred  choice  of  option. 


C.  SELECTION  OF  SOFTWARE  TOOLS  FOR  WBT  COURSE 
DEVELOPMENT 

Two  main  software  tools  were  used.  The  first  was  a  COTS  authoring  tool  required 
for  packaging  the  lecture  materials  into  an  interactive  online  course.  Macromedia 
Authorware  5.2  Attain  was  selected  for  this  purpose.  The  second  was  a  Website  creation 
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and  maintenance  tool  needed  for  packaging  and  launching  the  developed  interactive 
course  on  the  Internet.  FrontPage  2000  was  used. 


1.  COTS  authoring  tool  -  Authorware  5.2  Attain 

Previous  research  [Ref.  1]  has  completed  a  thorough  investigation  and 
experimentation  of  various  COTS  authoring  tools  and  narrowed  to  three  main  software 
tools,  namely  Authorware  5,  Director  7  and  Flash  3,  all  from  Macromedia.  In  this 
research,  further  investigation  was  conducted.  Although  there  are  now  other  authoring 
tools  available  in  the  market,  such  as  Toolbook  from  Asymetrix  and  Premiere  from 
Adobe,  the  three  main  software  tools  from  Macromedia  remains  the  most  popular  and 
widely  used.  Within  a  year,  however,  all  three  tools  have  launched  a  new  release,  namely 
Authorware  5.2,  Director  8  and  Flash  5.  A  summary  of  the  comparison  of  these  three 
tools  is  presented  in  Table  2  below  [Ref.  3]. 


Authorware  5.2  Director  8  Flash  5 

($1000)  ($400) 


Overview 

Authorware  is  the 
industry-leading  tool  for 
creating  interactive, 
rich-media  learning 
applications  for  delivery 
over  the  Web,  LANs, 
CD-ROMs  and  DVD- 
ROMs. 

Director  is  the  standard 
for  creating  and 
delivering  powerful 
multimedia  for  the  Web, 
CD-ROMs  and  DVD- 
ROMs. 

Flash  is  the  standard  for 
creating  vector-based 
animations  and  graphics 
that  are  extremely 
beautiful,  compact  and 
resizable  for  the  Web, 
CD-ROMs  and  DVD- 
ROMs. 

Main  use 

•  Computer-based 

•  Web-based 

•  High  impact 

training 

multimedia 

branded  sites 

•  Web-based  training 

•  Demos, 
presentations 

•  Web  site  interfaces 

•  Narrative 
animations 

Authorware  5.2 

Director  8 

Flash  5 

($2800) 

($1000) 

($400) 

Primary  Users 

•  Training  developers 

•  Web  developers 

•  Web  designers 

•  Instructional 
designers 

•  Multimedia 
professionals 

•  Animators 

•  Subject  matter 
experts 

•  Corporate 
presentation 
specialists 

User  Interface 

Icons  on  a  flowline. 

Frame-based  using  a 
powerful  scripting 
language. 

Timeline-based, 
graphical  editing  tools. 

Table  2.  Comparison  of  available  WBT  course  development  tools 
Consistent  with  previous  evaluations,  Authorware  5.2  remains  the  author’s  choice 
for  this  thesis  research.  Authorware  is  a  powerful  and  flexible  tool  optimized  for 
developing  all  kinds  of  interactive  multimedia.  It  was  and  remains  the  leading  visual 
media-rich  authoring  tool  for  creating  Web  and  online  learning  applications. 

Some  of  the  key  advantages  of  Authorware  are: 

•  Short  learning  curve  -  using  icon  drag  and  drop  technique 

•  Highly  interactive  -  many  built  in  interactive  features 

•  Ease  of  maintenance  and  upgrade  -  program  flow  in  graphical  form 

•  Flexibility  in  distribution  -  deliver  in  floppy  disk,  CD-ROM  or  the  Internet 

•  Fast  Web  download  -  advanced  compression  and  streaming  technique 


There  are  however  two  distinct  weakness  of  Authorware.  First,  its  built-in  graphic 
editing  function  has  limited  capability.  Secondly,  the  built  in  text  editor  lacked  the 
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excellent  text  formatting,  styling,  coloring,  spell  check  and  auto-correct  features  of  other 
software.  Fortunately,  most  of  the  course  materials  were  already  available  in  PowerPoint 
slides  format.  As  both  Authorware  and  PowerPoint  run  on  the  same  Microsoft  Windows 
operating  system,  it  was  very  convenient  to  cut  and  paste  text  or  graphics  from  one 
application  to  another  without  much  difficulty  (details  will  be  presented  in  the  next 
chapter). 

2.  Website  creation  and  management  tool  -  Microsoft  FrontPage  2000 

Upon  completion  of  the  interactive  WBT  online  course  using  Authorware,  the 
next  step  was  to  launch  it  on  the  Internet  with  a  EC4810  homepage.  This  homepage,  more 
than  hosting  the  WBT  oriline  course,  should  present  other  information  about  the  course, 
such  as  the  course  description,  objectives,  outline,  recommended  reference  textbooks, 
laboratory  assignments,  individual  projects,  sample  examination  papers  and  grading 
criteria.  A  website  creation  and  management  tool  was  required  to  help  create,  test, 
manage  and  maintain  the  EC4810  website.  Two  of  the  most  popular  tools  were  evaluated 
for  this  purpose,  namely  Microsoft  FrontPage  2000  ($70)  and  Macromedia  Dreamweaver 
4  ($150). 

FrontPage  2000  was  the  initial  preferred  choice,  since  it  was  installed  in  almost  all 
the  Windows  NT  computers  on  campus.  It  came  bundled  with  the  original  Microsoft 
Office  2000  Premium  Edition,  and  was  designed  with  the  same  look  and  feel  features  as 
the  other  Microsoft  Office  products.  Hence,  it  was  relatively  easy  to  use. 
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However,  its  lack  of  compatibility  with  most  web  servers  is  a  serious  weakness  of 
the  Frontpage  2000.  Most  of  the  interactive  features  such  as  forms,  search,  database,  etc. 
created  by  FrontPage  2000  do  not  work  on  most  Web  servers,  unless  the  proprietary 
Frontpage  Server  Extensions  software  from  Microsoft  are  first  installed  [Ref.  8].  This 
proprietary  software  is  not  readily  available,  and  the  installation  process  in  non-trivial.  As 
such,  most  Web  servers,  including  the  NPS  server  that  host  the  EC4810  Website  do  not 
have  the  necessary  Server  Extensions. 

Nevertheless,  due  to  the  ease  of  use  of  FrontPage  2000,  it  was  used  for  the  initial 
design  and  creation  of  the  EC4810  homepage. 

Macromedia  Dreamweaver  4,  on  the  other  hand,  had  more  advanced  features  than 
the  FrontPage  2000,  and  it  was  compatible  with  most  Web  servers  without  a  need  for 
Server  Extension  installation.  It  is,  however,  more  expensive,  and  much  more  difficult  to 
use.  Because  it  was  able  to  input  all  Web  pages  initially  created  by  FrontPage  2000, 
Dreamweaver  4  can  be  used  subsequently  to  add  other  advanced  features  to  enhance  the 
online  course. 

Having  identified  the  two  main  tools  most  suitable  for  WBT  course  production, 
the  next  step  was  to  use  these  tools  to  develop  a  prototype  online  course.  Chapter  EH 
discusses  the  design  and  development  of  a  prototype  WBT  course  for  EC4810  Fault 
Tolerant  Computing. 
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III.  DESIGN  AND  DEVELOPMENT  OF  EC4810  COURSE 


A.  RESOURCES  REQUIRED  FOR  SOFTWARE  DEVELOPMENT 

In  order  to  produce  a  successful  and  effective  WBT  course,  a  team  is  needed.  It 

was  recognized  that  either  the  author  fulfill  all  the  member’s  functions  or  external 
assistance  is  needed.  The  various  team  members  required  are  as  follows: 

1.  Content  Expert 

The  content  expert  is  usually  the  instructor  of  the  course  material.  For  the  purpose 
of  this  research,  the  author  took  the  EC4810  Fault  Tolerant  Computing  in  the  summer 
quarter  of  2000  to  be  conversant  with  the  course  materials.  Frequent  consultation  with  the 
course  professor  occurred  during  the  preparation  of  the  online  course. 

2.  Online  Course  Designer/Programmer 

In  designing  the  WBT  course,  the  programmer  is  responsible  for  coding,  testing, 
interfacing  and  integrating  all  the  WBT  components.  The  author  took  a  three  weeks 
directed  self-study  on  how  to  use  Authorware,  completing  all  the  lessons  of  the 
Macromedia  Authorware  Authorized  5  Attain  training  manual  [Ref.  4]. 

3.  Education  Specialist 

The  education  specialist  is  responsible  for  the  effective  organization  and 
presentation  of  the  WBT  course  materials  online.  The  author  had  to  surf  the  Web  for 
sample  online  courses  examples  that  were  created  using  Authorware  to  learn  from 
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experienced  course  developers  [Ref.  5].  The  previous  EC2820  online  course  was  also  a 
rich  example  for  learning  and  practice  [Ref.  1]. 

4.  Graphic  Designer/Artist 

The  graphic  designer  is  responsible  for  implementing  visual  rich  graphics  and 
animation  to  enhance  the  online  course.  Since  the  course  materials  were  already  available 
in  PowerPoint  slides  built  by  a  qualified  graphic  artist,  the  author’s  job  was  simplified  by 
just  importing  the  graphics  into  Authorware.  However,  much  innovation  and  creative 
thinking  was  applied  to  incorporate  animation  into  the  online  course. 

5.  Web  Designer 

To  host  the  online  course  on  the  Internet,  the  Web  designer’s  job  was  very  similar 
to  the  graphic  artist,  with  the  additional  requirement  of  knowledge  in  Web  authoring  tools 
and  basic  HTML  programming.  The  author  spent  one  week  in  familiarizing  with 
Frontpage  2000  and  created  a  personal  Web  page  as  a  practice  [Ref.  6]. 

6.  Server  Administrator 

The  server  administrator  is  responsible  for  providing  a  Web  site  for  publishing  the 
developed  WBT  course,  while  ensuring  protection  from  unauthorized  access  and 
modifications.  For  security  reasons,  the  author  had  to  consult  the  ECE  online  course 
server  administrator  for  help. 
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B.  EC4810  ONLINE  COURSE  PRODUCTION 


The  design  and  development  process  of  the  EC4810  WBT  online  course  was 
similar  to  that  used  for  conventional  software  development,  as  shown  in  Figure  1  below; 


Figure  1 .  The  Design  And  Development  Process 


Often,  it  was  required  that  the  development  and  testing  phase  be  done 
incrementally  and  recursively,  especially  for  a  large  project.  It  is  so  for  this  thesis  work 
and  both  the  FC4810  Online  course  and  Homepage  were  developed  and  tested  in 
incremental  steps  for  easier  management  and  control. 

1.  Analysis  phase 

A  comprehensive  discussion  on  the  selection  of  a  COTS  authoring  tool  required 
for  packaging  the  lecture  materials  into  an  interactive  online  course  has  been  detailed  in 
Chapter  II.  Macromedia  Authorware  5.2  Attain  was  selected  for  its  media-rich  and  highly 
flexible  interactive  capabilities.  Prior  research  had  produced  an  Authorware  template  that 
can  be  used  for  developing  other  electrical  engineering  courses  [Ref.  1],  and  will  be  used 
in  this  research  to  verify  its  applicability  and  completeness. 
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2.  Training  phase 

To  start  the  Authorware  application,  select  it  from  the  Windows  Start  I  Programs 
I  Macromedia  Authorware  5  I  Authorware  5  menu.  The  main  working  environment  in 
Authorware  is  the  Design  Window.  From  there,  elements  of  interactive  media  can  be 
assembled  onto  a  Flowline.  Across  the  top  of  the  window  is  the  Menu  Bar,  and  below  it 
is  the  Toolbar.  The  Icon  Palette  that  contains  all  the  tools  needed  to  build  a  project  is 
along  the  left  side  of  the  Design  Window,  as  shown  in  Figure  2  below: 


Figure  2.  Main  working  environment  of  Authorware 


To  create  an  Authorware  project,  simply  drag  and  drop  icons  from  the  icon  palette 
to  the  flowline  in  the  order  that  their  contents  are  to  be  displayed.  At  places  where  the 
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flowline  structure  is  horizontal  rather  than  vertical  downwards,  the  flow  proceeds  from 
left  to  right  (see  Figure  3  below).  One  can  literally  design  the  structure  of  a  presentation 
just  by  placing  icons  along  the  flowline  and  then  later  add  content  to  the  icons.  Each  icon 
either  contains  media,  such  as  text  or  graphics,  or  represents  an  action  that  is  performed 
on  one  of  the  media  elements.  A  list  of  tools  available  in  the  icon  palette  is  presented  in 
Appendix  A. 


Figure  3.  Horizontal  and  vertical  flow  of  Authorware  piece 


Finally,  to  view  or  play  an  Authorware  piece,  simply  click  on  the  Restart  button 
of  the  Toolbar  menu  and  the  Presentation  Window  will  appear  as  illustrated  in  Figure  4. 
This  presentation  window  shows  how  an  Authorware  piece  will  appear  to  the  users  when 
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executed  externally  from  floppy  disk  or  when  launched  from  the  Internet.  This  window 
also  allows  one  to  create  text  and  simple  graphics  directly,  while  having  the  flexibility  of 
manipulating  all  the  visual  elements  in  the  project. 
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1.  Fault  Tolerant  Computins  ( 1) 

The  concept  of  fault  tolerance  computing  has  become  increasingly 
important  over  the  past  decade  because  of  the  increased  use  of  computers 
in  every  aspects  of  our  daily  life.  Computers  are  now  Integrated  into 
commercial  aircraft  flight  control  systems,  industrial  controllers,  banking 
systems,  medical  applications,  and  many  others.  In  each  of  these 
applications,  an  erroneous  computer  performance  can  have  devastating 
effects,  impacting  environmental  safety,  national  security  and  even  human 
lifes. 

A  fault-tolerant  system  Is  one  that  can  continue  to  perform  its  specified  tasks 
correctly  in  the  presence  of  hardware  failures  and  software  errors.  For 
example,  the  failure  of  a  hardware  component  in  a  fault-tolerant  system  does 
not  inhibit  that  system's  ability  to  execute  its  design-specified  functions 
correctly . 

Two  main  categories  in  fault  tolerant  desT^s  are  test  pattern  generation  and 
redundancy  designs.  These  will  be  studieoSn  further  details  in  this  online 
web-based  course  on  Fault  Tolerant  Computir 


Figure  4.  Presentation  Window  provides  WYSIWYG  design  environment 


Almost  all  the  work  is  done  using  the  Design  Window  (to  assemble  content)  or 
the  Presentation  Window  (to  display  content).  With  the  drag  and  drop  technique  from  the 
icon  palette  and  the  flowline  concept,  it  was  easy  to  use  the  Authorware  software.  The 
training  phase  spanned  a  total  of  three  weeks,  which  included  learning  many  other 
features  such  as  Web  packaging. 
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3.  Design  phase 

Although  learning  the  Authorware  tool  was  relatively  easy,  there  was  no  step-by- 
step  documentation  on  how  to  use  the  template  previously  designed.  Hence,  part  of  the 
goal  for  this  thesis  was  to  understand  and  evaluate  the  template,  and  to  produce  a  step-by- 
step  manual  documenting  why  and  how  to  create  and  maintain  future  courses. 

The  general  layout  of  the  template  was  thought  to  be  adequate  with  a  screen  area 
of  640  X  480  pixel  to  cater  to  all  user  screen  sizes.  This  is  especially  crucial  for  viewing 
through  a  Web  browser,  which  usually  has  a  reduced  screen  space  due  to  the  browser 
toolbars  as  shown  in  Figure  5. 
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1.  Fault  Tolerant  Computing  (1) 

The  concept  of  fault  tolerance  computing  has  become  Increasingly 
important  over  the  past  decade  because  of  the  increased  use  of  computers 
in  every  aspects  of  our  daily  life.  Computers  are  now  Integrated  into 
commercial  aircraft  flight  control  systems,  Industrial  controllers,  banking 
systems,  medical  applications,  and  many  others.  In  each  of  these 
applications,  an  erroneous  computer  performance  can  have  devastating 
effects,  impacting  environmental  safety,  national  security  and  even  human 
iifes. 

A  fault-tolerant  system  is  one  that  can  continue  to  perform  its  specified  tasks 
correctly  in  the  presence  of  hardware  failures  and  software  errors.  For 
example,  the  failure  of  a  hardware  component  in  a  fault-tolerant  system  does 
not  inhibit  that  system’s  ability  to  execute  Its  design-specified  functions 
correctly . 

Two  main  categories  in  fault  tolerant  designs  are  test  pattern  generation  and 
redundancy  designs.  These  will  be  studied  in  further  details  in  this  online 
web-based  cpurse  on  Fault  Tolerant  Computing. 
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Figure  5.  EC4810  Online  Course  through  the  Web  browser 
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In  designing  for  ease  of  navigation,  the  navigation  buttons  were  neatly  laid  out  at 
the  bottom  of  each  page  and  kept  consistently  throughout.  These  buttons  were  clearly 
labeled  and  graphically  well  designed  with  3-D  effects.  A  pull-down  menu  was 
automatically  generated  that  will  allow  the  user  to  scroll  through  the  entire  online  course 
and  branch  to  the  exact  page  desired  immediately  as  shown  in  Figure  6  below: 
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1.  Introduction 

1.  Fault  Tolerant  Computing  (1) 
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13.  Software  Implemented  Fault  Tolerance  (SIFT) 

14.  Systems  Diagnosis 
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Figure  6.  Automatically  generated  pull-down  menu  for  quick  reference  or  branch 


4.  Development  phase 

Following  closely  to  the  original  lecture  materials,  the  online  course  was 
organized  into  fourteen  sections  of  between  ten  to  thirty  pages  each.  Quizzes  were 
included  at  the  end  of  each  section  to  help  the  users  review  the  section’s  material.  A  total 
of  about  three  hundred  pages  of  course  materials  and  quizzes  are  delivered.  Due  to  the 
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large  size  of  the  project,  each  section  was  developed  incrementally  and  tested  before 
additional  materials  were  added.  The  Authorware  icon  and  flowline  concept  was  well 
suited  for  this  kind  of  incremental  design  technique. 

Significant  level  of  interactivity  was  achieved  by  introducing  simple  true-false 
questions  and  various  user-controlled  animations.  True-false  questions  are  placed  at  the 
end  of  each  section  (as  shown  in  Figure  7),  where  the  user  can  participate  by  selecting  one 
of  two  options  and  checking  the  answer  by  clicking  on  the  Check  Answer  button. 
Alternately,  the  user  can  click  on  the  Check  Answer  button  direct  for  the  correct  solution 
without  first  selecting  an  option. 
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5.  Review  Question  (7) 


Question 

Recall  that  a  fault  location  experiment  identifies  the  fault  from  among  the 
set  of  faults  in  the  fault  model.  The  number  of  tests  needed  in  a  fault 
location  experiment  is  at  least  the  same  as  the  number  of  tests  in  the  fault 
detection  experiment  (In  considering  this  question,  assume  the  "tabular 
method"  is  used  to  generate  the  tests,  and  assume  that  indistinguishable 
faults  are  viewed  as  one  fault) 


<5^  True 

False 

You  are  right ! 


Current  Section  :  3.  Detection  and  Location  of  Stuck-atFaults 


Bin 

l@l 

Figure  7.  A  true-false  review  question  at  the  end  of  section  three 
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As  shown  in  Figure  8,  animations  were  used  to  demonstrate  how  Static  Hazards  in 
combinational  circuits  can  occur  during  intermittent  transmission  of  signals  caused  by 
delays  in  gates.  Animations  are  paused  at  regular  interval  to  allow  the  user  control  over 
the  pace  of  learning,  through  Continue  buttons. 


Figure  8.  User-controlled  animations  of  Static  Hazards  demo 


The  development  phase  was  the  most  tasks  intensive  of  all  the  phases,  especially 
in  the  design  of  animation  to  illustrate  complex  processes  and  difficult  concepts.  Much 
effort  was  required  to  ensure  consistency  in  terms  of  font  types,  colors  and  sizes  used,  as 
well  as  diagrams,  images,  and  mathematical  symbols  employed.  One  major  disadvantage 
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of  Authorware  was  it  did  not  have  good  word  processing  capabilities.  Hence  most 
spelling  and  grammar  checks  had  to  be  done  manually  or  through  other  external  software 
before  importing  into  the  Authorware  project. 

5.  Testing  phase 

The  testing  phase  was  done  incrementally  in  tandem  with  the  development  phase. 
After  every  few  pages  were  created,  the  Presentation  Window  was  activated  to  check  for 
layout  and  alignment  consistency  as  well  as  any  animation  synchronization  problems. 
Corrective  actions  were  taken  as  appropriate.  Subsequently,  at  the  completion  of  every 
section,  further  testing  was  accomplished.  After  the  first  two  sections  were  fully 
developed,  the  whole  project  was  compiled  into  a  format  ready  for  publishing.  It  was  then 
checked  for  correctness  by  executing  from  the  hard  disk  and  also  launching  from  a  Web 
browser.  Because  a  total  compilation  and  publishing  test  phase  was  very  time  consuming, 
this  form  of  testing  was  done  only  after  several  sections  have  been  completed  and  prior  to 
the  final  implementation  phase. 

6.  Implementation  phase 

Upon  completion  of  all  the  fourteen  sections,  detailed  testing  were  conducted  to 
ensure  consistency  and  that  navigation  between  sections  and  pages  had  no  problem.  The 
keyword  search  and  list  of  recently  accessed  pages  were  also  tested.  A  final  compilation 
was  performed  and  the  resultant  executable  file  activated  to  check  for  correctness  and 
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completeness.  A  Web-publishable  version  was  also  obtained  and  downloaded  to  the  NPS 


Web  server  for  testing.  Details  are  documented  in  Appendix  A. 


C.  EC4810  WEB  PAGES  PRODUCTION 

As  presented  in  Chapter  n,  Microsoft  FrontPage  2000  was  the  Web  site  creation 
and  management  tool  used.  Macromedia  Dreamweaver  4.0  can  be  used  for  evaluation  as 
a  possible  future  development  tool. 

1.  Analysis  phase 

Drawing  on  lessons  learnt  from  previous  related  studies,  the  objectives  and 
requirements  of  creating  the  EC4810  Homepage  were  analyzed  and  understood.  The  main 
objective  of  the  homepage  was  to  provide  a  Uniform  Resource  Locator  (URL)  for 
launching  the  EC4810  online  course,  while  providing  vital  links  and  information  about 
the  course  in  general.  The  requirements  are  three  fold;  first,  it  must  be  easy  to  navigate, 
second,  the  layout  of  every  page  must  be  well  organized  and  consistent,  and  third,  all 
information  presented  must  be  accurate  and  up  to  date. 

With  the  objectives  and  requirements  clearly  understood,  the  author  set  out  to 
obtain  the  necessary  tools  and  training  for  development  work. 
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2.  Training  phase 

Because  FrontPage  2000  was  readily  available  on  campus,  the  author  did  not  have 
to  go  through  the  installation  process.  However,  there  are  many  commercially  available 
books  that  provide  detailed  instructions  on  how  to  install  the  FrontPage  related 
components  of  the  Microsoft  Office  2000  Premium  Edition  [Ref.  7]  if  required. 
Launching  the  application  was  a  simple  one-step  procedure  of  selecting  it  from  the 
Windows  Start  I  Programs  I  Microsoft  FrontPage  menu.  Details  of  how  to  start  using 
FrontPage  2000  are  included  in  Appendix  B.  To  begin  a  one- week  self-study  of  the 
FrontPage  2000  tool,  two  books  [Ref.  7  and  8]  were  of  significant  aid  as  a  reference 
guide. 

It  was  discovered  that  the  design  and  development  of  a  Web  page  could  be  done 
on  a  local  hard  disk  during  the  initial  stages,  without  the  need  of  a  Web  server  or  Internet 
Service  Provider  (ISP).  FrontPage  2000  allows  one  to  launch  a  Web  browser  of  choice  to 
view  the  design. 

One  of  the  main  advantages  of  FrontPage  2000  is  its  ease  of  use,  offering  six 
different  views  a  designer  can  use  when  creating  or  managing  a  web  page.  The  most 
common  of  which  is  the  Page  view,  which  allows  user  to  enter  and  edit  text,  while 
providing  a  What-You-See-Is-What-You-Get  (WYSIWYG)  environment.  This  view  also 
allows  easy  addition  of  pictures,  frames,  tables,  forms,  sound,  video,  h5q)erlinks,  hotspots 
and  active  FrontPage  components  to  the  web  page.  Drag  and  drop  capability  like  other 
Microsoft  Office  products  were  of  significant  help  in  making  the  training  phase  an 
enjoyable  experience. 
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3.  Design  phase 

The  first  step  to  a  successful  Web  design  was  to  be  done  on  pen  and  paper,  away 
from  the  computer  [Ref.  9  and  10].  Organizing  the  contents  and  deciding  the  use  of  space, 
color,  font  type,  and  graphics  were  of  crucial  importance. 

It  was  decided  that  a  tree  structure  shown  in  Figure  9,  with  a  total  of  eleven 
different  pages  were  adequate  for  designing  the  Website. 


JjQ  Microsoft  Frontpage  -  H:\EC3840  Homepage  &  Online  Course 


File  Edit  Vjew  Insert  Farmat  lools  Table  Ptames  ijfndow  fcjelp 

D  - 1^  -  S  HU  0  ^  ^  '  '  -  - :  ^  0 

^  \  -n  J  h  -  -  -  ;r  ~ 


The  layout  was  designed  to  be  consistent  for  all  the  pages,  with  intuitive 
navigation  menus  presented  at  the  top  and  left  side  bar  of  each  page.  Background  and 
graphics  can  be  obtained  from  the  rich  resources  found  on  the  Internet.  To  extract  an 
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image  of  interest,  simply  right  click  on  the  mouse  and  select  the  ‘Save  Background  As’  or 
‘Save  Picture  As’  option.  Rename  the  image  as  necessary  and  place  it  in  the  images  folder 
for  later  use.  In  the  FrontPage  2000  Page  view,  simply  drag  and  drop  the  image  onto  the 
desired  page.  See  Figure  10  for  a  sample  single  page  layout. 
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Figure  10.  Final  layout  design  of  EC4810  Homepage 


Font  t)^es,  sizes  and  colors  used  were  standardized  for  all  the  different  pages  to 
create  a  uniform  and  professional  look.  Links  to  relevant  sites  such  as  recommended 
textbooks,  instructor,  creator  of  homepage,  NFS,  disclaimer  and  the  Authorware  plug-in 
were  also  included. 
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4.  Development  phase 

The  development  phase  follows  after  the  design  of  the  main  homepage.  Although 
this  phase  is  the  most  task-intensive,  putting  together  the  rest  of  the  pages  with  relevant 
information  were  relatively  easy  if  the  previous  design  phase  was  well  planned  and 
documented. 

Incorporating  the  online  course  developed  using  Authorware  proved  to  be 
difficult,  since  all  file  names  referenced  must  be  case  sensitive,  otherwise  it  will  not 
work.  The  details  are  documented  in  Appendix  B. 

5.  Testing  phase 

The  testing  phase  should  be  done  incrementally  with  the  development  phase,  as 
the  various  pages  are  being  created.  While  in  the  Page  view  with  the  page  of  interest 
highlighted  (i.e.  double  click  on  the  html  file  name),  select  the  File  I  Preview  in  Browser 
option.  A  window  like  that  of  Figure  1 1  will  be  displayed. 


Preview  in  Browser 


Browser 


Microsoft  Internet  Explorer  5.0 


Netscape  Navigator  4.08 


Add 


Window  size  - 


Default  640x480  ^  800x600  T  1024x768 


W  Automatically  save  page  ; 


Preview  I  Close 


Figure  1 1 .  Preview  in  Browser  window 
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Select  the  Automatically  save  page  option  before  clicking  on  the  Preview  button 
for  a  new  Web  browser  Window  to  open,  showing  exactly  how  the  designed  web  page 
will  look  when  launched  through  the  Internet.  It  is  recommended  that  both  the  Microsoft 
Internet  Explorer  and  Netscape  Navigator  be  tested  to  ensure  that  all  features  in  the  web 
page  are  presented  as  expected. 


6.  Implementation  phase 

Finally,  to  publish  the  completed  work  of  both  the  EC4810  online  course  and 
homepage  on  the  Internet,  a  Web  server  needs  to  be  identified.  Two  different  sites  were 
experimented  with;  namely  the  NFS  Web  server  [Ref.  12]  and  the  ECE  Web  server  [Ref. 
13].  The  File  Transfer  Protocol  (FTP)  can  be  used  to  copy  all  the  files  containing  the  web 
pages  and  graphics  to  the  Web  server.  Figure  12  shows  the  screen  for  this. 
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Figure  12.  FTP  software  to  transfer  files 
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IV.  NEW  FEATURES  FOR  IMPROVED  WBT  COURSE 


Online  learning  applications  are  essentially  a  collection  of  media  elements  that 
have  been  organized  and  logically  presented  to  provide  an  effective  learning  experience 
for  the  user.  There  are  five  major  types  of  media  elements  [Ref.  4]  as  shown  in  Table  3 
below. 


Types  of  Media 
elements 

File  assumptions 

Typicalfile  size  (kilobytes) 

Text 

ASCII  text  file  containing  270  words 

2 

Animation 

Animation  in  Flash 

108 

Graphics 

Four  320x240  pixel  GIF  files 

239 

Audio 

8-bit,  mono,  22kHz  WAV  file  (one  minute  audio) 

1312 

Video 

320x240  MPEG  file  (one  minute  video) 

9000 

Table  3.  Types  of  Media  elements 


In  the  development  of  EC4810  WBT  course,  only  text,  graphics  and  animations 
were  used.  This  is  to  ensure  that  the  application  developed  is  relatively  small  in  size  for 
fast  delivery  over  the  Internet. 

More  complex  media-rich  elements  such  as  audio  and  video  require  greater 
storage  size  and  hence  demand  higher  bandwidth.  Most  Web  browsers  also  do  not 
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natively  support  audio,  video  or  sophisticated  animations.  To  play  these  media-rich 
applications  require  a  plug-in,  to  be  installed  in  the  users’  Web  browser. 

Fortunately,  rapid  technical  innovations  is  surmounting  the  bandwidth  barrier  of 
the  Web  and  enabling  the  delivery  of  online  content  that  is  truly  interactive.  This  chapter 
presents  a  discussion  of  recent  developments  in  audio  and  video  capability. 


A.  AUDIO  CAPABILITY 

Audio  can  enhance  learning  concepts  and  reinforce  ideas  presented  as  text  or 
graphics  on  the  screen.  There  are  three  types  of  audio  assets  that  are  commonly  used  in 
online  learning; 

•  Music 

•  Narration 

•  Sound  effects 

Music  requires  high  quality  and  wider  sound  frequency  range  than  narration  and 
hence  produces  larger  files.  Narration  typically  has  a  small  sound  frequency  range  and 
can  be  compressed  more  than  music  while  retaining  good  sound  quality.  Sound  effects  are 
generally  short  so  they  do  not  have  a  large  impact  on  the  overall  file  size  of  an  online 
course.  Of  the  three  audio  types,  narration  is  the  most  applicable  in  the  design  of  ECE 
WBT  courses. 

For  the  purpose  of  recording  narration,  Microsoft  Windows  provides  a  readily 
available  “sound  recorder”  program  in  its  accessories.  Select  the  application  (as  shown  in 
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Figure  13)  from  the  Windows  Start  I  Programs  I  Accessories  I  Multimedia  I  Sound 


Recorder  menu. 


rsi 


testl  -  Sound  Recorder 


File  Edit  Effects  Help 


Figure  13.  Sound  Recorder  from  Microsoft  Windows 


A  sound  card  and  microphone  need  to  be  installed  in  the  developer’s  computer  in 
order  to  record  audio  files.  A  sample  recording  for  the  narration  of  the  EC4810  online 
course  introduction  page  was  performed.  The  recording  was  45  sec  in  length,  with  a  total 
of  106  spoken  words,  to  produce  a  stereo  16-bits  44  kHz  WAV  file  of  size  7814  Kbytes. 
In  comparison,  the  entire  Authorware  WBT  online  course  produced  without  audio  effects 
(fourteen  sections  with  three  hundred  over  pages  in  total)  was  only  3804  Kbytes. 

Clearly,  the  WAV  audio  format  recording  creates  files  that  are  too  large  to  use  in 
an  online  course.  To  decrease  the  size  of  audio  files,  audio  editors  can  change  the 
attribute  of  the  file,  such  as  lowering  the  bit  depth  from  16-bits  to  8-bits,  or  lowering  the 
sample  frequency  from  44kHz  to  22kHz.  Compression  tools  such  as  Microsoft  Audio 
Compression  Manager  (ACM)  are  available  in  the  market  but  require  that  certain  files  be 
installed  on  the  user’s  machine.  Even  with  this  kind  of  compression  tool,  the  resultant 
compressed  audio  files  remain  unusable.  The  previous  recording  of  7814  Kbytes  after 
compression  to  a  mono  8-bits  22  kHz  WAV  file  produces  a  WAV  file  of  977  Kbytes, 
almost  one-third  the  size  of  the  entire  Authorware  online  course. 
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With  the  advance  of  recent  technologies,  new  compressed  audio  formats  have 
been  introduced,  with  the  goal  of  balancing  small  file  size  with  acceptable  audio  quality. 
Today,  Authorware,  Director  and  Flash  all  are  packaged  with  internal  audio  compression 
utilities.  Authorware  and  Director  compress  audio  into  streaming  Shockwave  audio 
(SWA)  format,  while  Flash  can  compress  audio  into  streaming  MP3  standard  format. 
Additionally,  Authorware  also  includes  a  utility  that  compresses  voice  narration  into  the 
extremely  compact  VOX  format.  To  activate  the  Authorware  Voxware  encoder,  select  it 
from  the  Windows  Start  I  Programs  I  Accessories  I  Macromedia  Authorware  5  I 
Voxware  Encoder  menu  as  shown  in  Figure  14.  Notice  that  the  previous  file  after 
compression  to  the  VOX  format  is  only  16.69  Kbytes  as  compared  with  the  977  Kbytes  in 
WAV  format. 
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Figure  14.  Authorware  Voxware  Encoder  application  window 
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It  was  noted  that  the  quality  of  the  audio  has  decreased  after  conversion  to  the 
VOX  format,  but  it  was  still  understandable.  This  was  expected  since  the  audio  file  size 
had  decreased  by  approximately  60  times.  Nevertheless,  these  are  extremely  compact 
audio  files  suitable  for  playing  narration  in  an  online  learning  course. 


B.  VIDEO  CAPABILITY 

Video  can  be  useful  for  conveying  certain  information.  Using  video  in  online 
learning  can  help  realistically  demonstrate  equipment  and  processes.  The  intricate  level  of 
detail  visible  in  video  is  also  ideal  for  illustrating  subtle  or  nonverbal  information.  In 
particular,  ECE  lectures  explaining  complex  mathematical  formulas  or  electronic  circuits 
can  be  recorded,  digitized  and  broadcasted  live  over  the  Web.  Students  enrolled  in 
distance  learning  can  access  the  Internet  at  scheduled  lecture  times  and  attend  the  classes 
real-time.  These  recordings  can  then  be  saved  and  hosted  on  the  WBT  Homepage  for 
students  to  access  at  any  other  time  to  review  difficult  concepts.  As  users  view  the  online 
video,  questions  can  be  easily  recorded  and  send  via  email  to  the  lecturer  for  comments. 
These  questions  and  answers  can  be  compiled  as  Frequently  Asked  Questions  (FAQ)  and 
documented  on  the  WBT  Homepage  for  future  reference. 

There  are  three  standard  digital  video  formats,  namely  QuickTime  Movies  (MOV 
files).  Video  for  Windows  (AVI  files)  and  the  standard  movie  format  (MPEG  files). 
Digital  video  tends  to  be  large  so  they  are  not  appropriate  for  delivery  on  modem 
connections.  Because  of  the  size  (see  previous  Table  3),  video  files  are  never  imported 
into  an  authoring  tool  [Ref.  4].  In  fact,  most  authoring  software  has  no  internal  video 
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compression  capability.  Video  is  captured,  edited  and  optimized  externally  using  video 
editors  such  as  Adobe  Premiere.  Just  as  with  audio,  varying  file  parameters  such  as  the 
frame  rate,  the  presentation  window  size,  and  the  number  of  colors  in  the  palette  can 
decrease  video  file  size.  Even  with  a  well-compressed  video,  it  is  an  order  of  magnitude 
larger  then  standard  audio  WAV  files. 

Web  servers  have  traditionally  been  defined  as  “stateless”  [Ref.  14].  That  is,  the 
Web  server  handles  a  request  for  information  by  pushing  all  the  data  out  as  fast  as 
possible,  completes  the  transaction,  disconnects  and  proceed  to  service  other  request.  On 
the  client  side,  the  Web  browser  receives  all  the  information  and  then  assembles  it  on  the 
screen.  This  stateless  approach  works  very  well  for  media  like  text  and  graphics.  But 
audio  and  video  often  comes  in  a  larger  file  size.  Under  the  stateless  approach,  a  Web 
user  would  need  to  download  the  entire  video  clip  before  it  can  be  viewed.  But,  with  the 
large  file  size  that  comes  with  even  a  short  video  clip,  the  wait  can  be  unbearable. 

Streaming  media  is  the  latest  technology  that  has  emerged  to  overcome  this 
limitation  of  the  World  Wide  Web  to  handle  video.  Using  Internet  technologies  that  are 
mostly  proprietary,  media-rich  data  can  be  fed  to  the  user  as  the  media  is  viewed.  Rather 
than  a  stateless  data  connection  (whereby  all  data  are  transmitted  before  being  played), 
streaming  media  is  more  of  a  continuous  connection  (whereby  users  receive  audio  or 
video  just  before  hearing  or  seeing  them).  Paced  out  over  time,  the  file  size  of  the  video 
clip  becomes  less  of  an  issue.  Nevertheless,  streaming  compression  techniques  are  still 
used,  simply  because  the  raw  file  sizes  of  digital  video  are  absolutely  huge. 
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The  three  leading  streaming  media  player  today  are  Windows  Media  Player  7, 
Apples  QuickTime  4,  and  RealNetworks  RealPlayer  G2.  The  de  facto  standard  for 
streaming  media  seems  to  be  RealNetworks.  One  of  the  advantages  of  the  G2  player  is 
that  it  supports  a  new  RealNetworks  technology  called  "SureStream"  [Ref.  14].  This 
technology  dynamically  adjusts  the  quality  of  the  signal  during  playback  by  sending  the 
signal  that  makes  the  most  sense  depending  on  bandwidth.  If  the  available  bandwidth 
drops,  the  signal  quality  shifts  down  to  match.  This  transition  is  usually  very  smooth  and 
does  not  disrupt  the  user’s  experience. 

The  future  of  streaming  is  in  offering  the  user  a  sophisticated  multimedia 
experience.  To  enable  simple  authoring  of  TV-like  multimedia  presentations,  the  World 
Wide  Web  Consortium  (W3C)  has  designed  the  new  Synchronized  Multimedia 
Integration  Language  (SMIL,  pronounced  as  “smile”)  [Ref.  15].  Introduced  in  June  1998, 
SMBL  is  an  easy  to  learn  HTML-like  language,  and  is  tailored  for  composing  presentation 
using  streaming  audio,  video,  and  any  other  media  type.  Much  like  early  HTML,  it  has  a 
long  way  to  go.  Current  SMIL  authoring  tools  are  usually  buggy.  But  as  the  language 
develops,  it  will  enable  streaming  media  to  replace  the  world  of  stagnant  Web  design, 
making  a  richer  multimedia  experience  possible  on  the  Web. 
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V. 


CONCLUSIONS 


The  undertaking  of  this  thesis  project  has  provided  the  author  with  many  learning 
opportunities  of  the  World  Wide  Web  and  its  associated  technologies.  In  particular,  Web- 
based  teaching  and  learning  of  ECE  courses  were  investigated.  The  results  were  the 
design  and  development  of  a  WBT  online  course  and  Web  page  for,  the  EC4810  Fault 
Tolerant  Computing  course.  A  step-by-step  guide  for  creating  new  courses  and  for  future 
maintenance  was  formulated  in  the  process  (Presented  in  Appendix  A  and  B).  These 
products  need  to  be  continuously  updated  to  keep  pace  with  new  information  and 
evolving  Web  technologies.  One  area  of  consideration  was  the  incorporation  of  audio  and 
video  in  WBT  courses. 

Three  research  questions  were  posted  in  the  beginning.  At  the  completion  of  this 
thesis  work,  the  response  to  these  questions  is  as  follows: 

1.  Which  recent  Web  technology  is  the  most  suitable  for  production  of 

WBT  ECE  courses? 

Several  recent  technologies  were  investigated  in  this  thesis.  Their  advantages  and 
disadvantages  were  examined  and  presented  in  Chapter  H.  At  the  time  of  this  study,  it 
was  concluded  that  COTS  authoring  tools  were  the  most  appropriate  technology  for  the 
development  of  ECE  WBT  courses.  The  decision  was  based  on  productivity,  interactivity, 
maintainability,  and  cost  effectiveness. 
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Further  research  identified  Macromedia  Authorware  5.2  as  the  preferred  tool  for 
use  in  creating  the  WBT  online  course,  on  the  merits  of  its  many  powerful  interactive 
features  and  the  short  learning  curve  needed  to  use  it. 

For  the  design  and  development  of  the  EC4810  Homepage,  Microsoft  FrontPage 
2000  was  the  obvious  choice  due  to  its  availability,  user-friendliness  and  compatibility 
with  other  Microsoft  products. 

2.  To  what  extend  are  guides  suitable  for  the  creation  and  maintenance 

of  online  courses? 

With  careful  design  and  diligent  work,  one  can  produce  online  courses  that 
harness  the  benefits  of  Web  technology.  However,  converting  traditional  courses  to 
effective  online  learning  requires  much  time,  technique  and  talent.  This  thesis 
investigated  and  introduced  a  time-saving  technique  in  developing  effective  WBT  courses 
by  incorporating  a  step-by-step  guide.  Subsequently,  this  guide  was  used  in  developing 
other  websites  and  online  courses.  The  results  showed  that  design  and  development  time 
has  decreased  by  more  than  50%.  It  is  clear  that  the  systematic  guide  had  significantly 
facilitated  the  creation  of  new  WBT  course  production.  It  is  recommended  that  the 
author’s  project  template  and  guide  be  used  for  future  development. 

3.  Are  audio  and  video  matured  for  incorporation  to  WBT  courses? 

Until  recently,  most  WBT  online  courses  are  created  using  text,  graphics  or 
animation  based  only.  This  was  due  to  the  unacceptably  huge  file  sizes  of  audio  and  video 
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files,  plus  the  fact  that  Web  technologies  have  traditionally  been  using  stateless  data 
connections. 

With  new  innovations  in  compression  techniques,  such  as  the  Authorware’s 
Vox  ware  Encoder,  file  sizes  of  media-rich  elements  can  be  reduced  significantly.  The 
introduction  of  streaming  media  technology  has  also  moved  the  Internet  towards 
continuous  data  connection  applications.  Further  advances  made  in  hardware  and  network 
technology  have  facilitated  the  availability  of  higher  bandwidth  Internet  communications 
at  a  lower  cost. 

New  languages,  technologies  and  approaches  in  streaming  media  have  now  made 
audio  and  video  applications  ready  for  incorporation  to  WBT  online  courses.  Great 
potentials  exist  in  employing  sophisticated  media-rich  elements  to  design  and  develop 
truly  interactive  multimedia  online  applications.  The  final  barrier  -  designer’s  creativity. 
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APPENDIX  A.  STEP-BY-STEP  GUIDE  FOR  CREATING  ONLINE  COURSE 


This  example  uses  the  step-by-step  guide  to  create  a  new  online  course  for 
EC3840  Introduction  to  Computer  Architecture. 

Stepl 

Copy  the  directory  H:/EC4810  Authorware  Design  to  a  new  directory  and  rename 
it  (i.e.  EC3840  Authorware  Design)  using  Windows  Explorer  as  shown  in  Figure  Al. 


i^Start  j  I E>cploflng  -  H;\Copy  of  _  Thesis  Rev7-Mfcros.., 


*5  3:2-»  PM 


Figure  Al .  Copy  the  Authorware  design  template  to  another  directory  using  Windows 

Explorer 
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In  the  new  directory,  rename  the  filename  EC4810r23  to  EC3840r01  as  shown  in 
Figure  A2.  The  file  extension  of  these  Authorware  design  files  is  .a5p  (which  cannot  be 
seen  clearly  from  the  Windows  Explorer). 


File  Jrtcw  Tools  Help 


Desktop 

My  Computer 
'£  ^'3</iFtoppY(A:) 

*  ^  (C:) 

S  ^  (D:) 

:+•  ^  Removable  Disk<E:) 
It: '3  Removable  Disk  (F:) 

^  whtafn$  on  ’kiska'  (H:) 
It;  docs 


=  _ }  EC4810  Authorware  Design 

s;  ...J  EC4B10  Course  -  Executable 
Ttl  __J  EC4810  Homepage  &  Onfine  Course 

Iti _ i  Exceed.nt 

•+; _ I  exchange 

•S _ i  Maple 

Ct  _J  Msoffice 
(t;  3  Sp2000 
K  _J  WinZip 

(x;> 

■■  W  j  Control  Pane! 
jid  Printers 
(aj  Scheduled  Tasks 
Web  Folders 
Network  Neighborhood 
Recycle  Bin 
My  Briefcase 


ob)ect(s)  selected 


Figure  A2.  Rename  the  Authorware  design  file 
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Step  3 


Double  click  on  the  new  file  EC3840r01.a5p  and  the  Macromedia  Authorware 
application  software  will  launch  as  shown  in  Figure  A3.  This  assumes  that  the  application 
software  has  already  been  installed  in  the  computer. 


RJe  Edit  View  Insert  Modify  lext  Control  jctras  Window  Kelp 


rrrsTTi 


Figure  A3.  Macromedia  Authorware  application  software 
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Click  on  the  Restart  button  of  the  Toolbar  menu  to  launch  the  Presentation 


Window  as  shown  in  Figure  A4.  In  this  Presentation  Window,  the  program  will  run  like 
an  executable  online  course.  However,  all  mouse  clicks  must  be  single  click  only.  A 
double  click  anywhere  in  the  Presentation  Window  will  switch  to  the  Design  mode.  To 
return  to  the  executable  mode  at  any  time,  click  on  the  Restart  button  again. 


Restart 


K;!^,Authorw3re 

mumi 

m 

m 

Figure  A4.  Presentation  Window  where  the  online  course  can  be  previewed 
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Step  5 


To  begin  editing  the  contents  of  the  new  course,  double  click  on  the  Design 
Window.  This  will  bring  the  Design  Window  to  the  front.  Single  click  on  the  first  Map 
icon  along  the  horizontal  flowline  and  the  words  “1.  Introduction”  will  be  highlighted. 
Place  the  cursor  on  the  highlighted  words  and  edit  as  necessary.  Double  click  on  the  same 
Map  icon  and  a  new  window  for  Section  1  on  Introduction  will  pop-up  as  shown  in 
Figure  A5. 


Eile  Edit  View  t-.Mr:  Modify  Text  Sonb-ol  Xtres  Window  tlelp 


Figure  A5.  Design  Window  to  edit  the  contents  of  the  course 
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Step  6 

All  the  Design  Windows  that  pop-up  can  be  moved  to  any  location  within  the 
Authorware  main  window.  To  make  changes  to  the  first  section,  single  click  on  the 
Display  icon  of  the  Section  1  window  and  the  words  “1.  Fault  Tolerant  Computing”  will 
be  highlighted.  Place  the  cursor  on  the  highlighted  words  and  edit  as  necessary  as  shown 
in  Figure  A6. 


Once  the  name  of  the  individual  pages  has  been  updated,  double  click  on  the  same 


Display  icon  (see  Figure  A6)  and  the  Presentation  Window  wiQ  be  brought  to  the  front  as 
shown  in  Figure  A7.  This  is  the  design  mode,  and  various  pop-up  control  panels  wiQ  also 
appear  to  enable  the  selection  of  different  properties  needed  in  the  design.  The  Toolbox 
menu  provides  tools  to  create  text  and  simple  graphics,  and  to  arrange  graphic  elements 
on  the  screen.  The  other  four  panels  set  the  properties  of  lines,  fills,  modes  and  colors  of 
the  text  and  graphic  elements  on  this  page. 
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Figure  A7.  Edit  the  contents  of  individual  pages 
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Step  8 

With  the  Toolbox  menu  set  at  the  Pointer  mode,  objects  on  the  screen  can  be 
selected  and  moved  around  as  shown  in  Figure  A8.  To  select  a  single  element  for  editing, 
single  click  on  it  such  that  tiny  white  square  boxes  appear  at  the  comer  of  the  element.  To 
select  multiple  elements,  left  click  on  the  mouse  and  drag  a  window  over  all  the  elements. 
To  Group  or  Ungroup  elements,  select  from  the  Modify  menu. 
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Figure  A8.  Toolbox  set  at  Pointer  mode 
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Step  9 

With  the  Toolbox  menu  set  at  the  Text  mode,  text  on  the  Presentation  Window 
can  be  created  or  modified.  The  font  sizes,  types,  colors,  etc.  can  be  changed  using  the 


pop-up  menu  and  from  the  Text  menu  as  shown  in  Figure  A9. 


^Startj  .ij£xpbrir>9-H:\EC38^0Au...|  ^Tam Theiis Rev7 » MfcfOS...  [|(^Authofwye 


ah 


Figure  A9.  Toolbox  set  at  Text  mode 
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To  copy  text  from  an  external  software  such  as  PowerPoint  or  Word,  the 
Authorware  program  must  first  be  set  at  the  Text  mode  in  the  Toolbox  menu.  Toggle  to 
the  external  program  to  copy  the  necessary  text  into  the  clipboard  for  importing.  Toggle 
back  to  the  Authorware  program  and  position  the  cursor  where  the  imported  text  is  to 
appear.  Select  Edit  I  Paste  or  Ctrl-V  to  copy  and  paste  the  text  from  the  clipboard.  A  pop¬ 
up  window  as  shown  in  Figure  A 10  will  appear.  Select  Ignore  and  Standard  button,  then 
click  OK  to  complete  the  process 


Figure  A 10.  Import  text  from  external  programs 
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To  view  the  final  effect,  click  on  the  Restart  button  as  in  Step  4  to  refresh  the 
Presentation  Window.  See  Figure  All.  Note  that  the  Find  feature  of  added  or  deleted  text 
is  automatically  updated  (see  Step  14). 


Figure  All.  Refreshed  Presentation  Window  to  view  effects  of  design 


Step  12 

Click  on  the  button  with  a  big  “?”  at  the  bottom  of  the  Presentation  Window.  This 
is  the  help  menu  designed  for  this  template  as  shown  in  Figure  A 12.  The  buttons  for 
navigation  between  the  different  sections  and  pages  on  the  left  and  right  respectively  is 
self-explanatory. 


|:i>Authomare 


R3e  £dit  Vjevy  PlocfiPy  Text  Control  .  Window  Hrip  . 


Click  on  the  “Menu”  button  at  the  bottom  of  the  Presentation  Window  and  a  pop¬ 


up  window  will  appear  as  shown  in  Figure  A 13.  This  is  the  Navigation  Menu  and  helps 
users  to  jump  to  the  page  of  interest  directly.  Click  on  the  “+”  or  in  front  of  each 
section  heading  to  expand  or  shrink  the  sub-headings  respectively.  To  jump  to  a  particular 
page,  simply  click  on  the  corresponding  sub-heading.  Note  that  this  Navigation  Menu  is 
automatically  generated  as  pages  are  added  or  deleted  from  the  Design  Window. 
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Figure  A13.  Navigation  menu 


Step  14 

Click  on  the  “Find”  button  at  the  bottom  of  the  Presentation  Window  and  a  pop¬ 
up  window  will  appear  as  shown  in  Figure  A 14.  This  is  the  Find  menu  and  helps  users  to 
find  a  particular  key  word  or  phase  within  the  entire  online  course,  and  go  to  the  desired 
page  directly.  This  feature  is  automatically  generated  whenever  new  text  is  added  or  old 
text  deleted  from  the  Presentation  Window. 
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Figure  A 14.  Find  menu 
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Click  on  the  “Recent  Pages”  button  at  the  bottom  of  the  Presentation  Window  and 


a  pop-up  window  will  appear  as  shown  in  Figure  A 15.  This  is  the  Recent  Pages  menu  and 
helps  users  keep  track  of  the  most  recently  visited  pages.  It  allows  a  direct  jump  to  a 
particular  page  by  double  clicking  on  any  line  in  the  Recent  Pages  list.  This  feature  is 
automatically  updated. 
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Figure  A 15.  Recent  Pages  menu 
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Click  on  the  “Exit”  button  at  the  bottom  of  the  Presentation  Window  and  the 
online  course  will  end.  Before  automatically  closing  the  Presentation  Window,  a  thank 
you  for  using  this  online  course  message  will  appear  as  shown  in  Figure  A 16. 


Figure  A 16.  Exit  button 


To  edit  the  exiting  page  background  and  ending  message,  return  to  the  main 
Design  Window.  Click  on  the  Framework  icon  as  shown  in  Figure  A17  and  a  new 
Design  Window  appears.  This  is  the  Entry  and  Exit  level  page.  On  the  Exit  level  1  page 
below,  double  click  on  the  “ECE  dept  background”  Display  icon  or  the  “Thank  you  note” 
Display  icon  to  change  the  exiting  page  background  and  ending  message  respectively. 
Graphics  used  for  these  pages  are  generated  externally  and  imported  using  PowerPoint  or 
any  other  editing  software. 
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10^  2;26PM 


Figure  A17.  Change  the  Exit  page  background  and  ending  message 


To  add  True/False  questions  at  the  end  of  each  section,  copy  a  standard  question 
template  from  the  main  page  and  paste  on  the  section  page  as  necessary.  Note  that  the 
question  template  has  two  versions,  one  with  the  answer  as  True  and  the  other  with  the 
answer  as  False.  Subsequently,  change  the  title  of  the  question  appropriately  (i.e.  5. 
Review  Question  1)  as  shown  in  Figure  A18. 


Figure  A 18.  Change  the  Exit  page  background  and  ending  message 


Step  19 


Next  double  click  on  the  Map  icon  of  the  question  and  a  new  Window  will  appear 
as  shown  in  Figure  A 19.  Rename  the  pages  as  necessary  to  avoid  duplication  with 
questions  in  other  sections. 


Rename  pages  as  appropriate  to  avoid  duplication  with  other 


Figure  A 19.  Rename  question  pages  to  avoid  duplication 
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Step  20 


Finally,  double  click  on  the  Display  icon  as  shown  in  Figure  A20  to  edit  the 


content  of  the  new  question. 


[:->3^AiAhiorware 


^Start  I  Exploring  •  H:^C3840  |  IgjTam  Thesis  Rev7  -  Micr...  {  ^Inbox  -  MicrQSoft  Outlook  | I^Authorware 


2:S3PM 


Figure  A20.  Edit  content  of  the  new  question 
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0^O[a!<l  0^01^1  [51 


Step  21 


To  view  the  final  effects,  click  on  the  Restart  button  as  in  Step  4  to  refresh  the 


Presentation  Window.  See  Figure  A21. 


Figure  A21.  Review  the  presentation  effect  of  the  new  question 


Step  22 


Once  satisfied  with  the  Online  Course  design,  exit  from  Authorware  by  selecting 
File  I  Exit.  Remember  to  save  all  changes  before  exiting.  When  closing  the  application, 
Authorware  will  prompt  you  if  you  have  made  recent  changes  to  a  page  and  have  not 
saved  it  yet.  See  Figure  A22. 


mus. 

Ete  Edit  View  taodtfy  I«xt  Control  ^ras  Window  tielp 


^Startl  j^Expbfn9~H;\EC3840Ao...|  %]Tam Thesis Rev7>Micras...  j|^AijBiorware 


3:01  PM 


Figure  A22.  Save  all  changes  before  exiting  Authorware 
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The  Authorware  file  needs  to  be  compiled  and  packaged  for  distribution.  To 
package  as  a  standalone  executable  file,  first  copy  the  directory  H:/EC4810  Course  - 
Executable/  to  a  new  directory  and  rename  it  (i.e.  EC3840  Course  -  Executable/)  using 
Windows  Explorer  as  shown  in  Figure  A23.  Next,  erase  the  EC4810  -  Executable  from 
the  directory. 


l^Start  j  [ ^ E>tplOfing  - H:\Copy  of  ^Tam Thesis  Rev7- Micros.. 


3=27  PM 


Figure  A23.  Create  a  new  directory  to  package  an  executable  file 


Launch  the  previously  saved  Authorware  file  from  the  H:/EC3840  Authorware 
Design/  directory  again.  Click  on  the  File  I  Package  and  a  new  window  will  appear  as 
shown  in  Figure  A24.  Select  the  “For  Windows  95,  98  and  NT”  option  as  well  as  the 
“Package  All  Libraries  Internally”  and  “Package  External  Media  Internally”  options. 
Click  Save  File(s)  &  Package  button  to  begin  the  packaging  process.  Another  window 
will  appear  to  request  destination  of  packaged  file,  select  the  H:/EC3840  Course  - 
Executable/  directory  previously  created  in  Step  23. 


_ _ 

Rle  Edit  View  Insert  Modify  Text  SPf'b'oI  Xtras.  .  Window  Help 


. 


start  j  Exploring -H;\EC3840Au... I  ^TamThesisRev?- Micros..,  jj^Authorware 


3:35  PM 


Figure  A24.  Package  File  menu 


Step  25 


Upon  completion  of  Step  24,  a  new  EC3840r01.exe  file  will  be  created  in  the 
H:/EC3840  Course  -  Executable/  directory.  Double  click  on  this  new  file  and  the  program 
will  be  launched  as  shown  in  Figure  A25. 


Figure  A25.  Launched  executable  file  from  hard  disk 
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Step  26 


To  package  the  Authorware  file  for  Internet  application,  first  copy  the  directory 
H:/EC4810  Homepage  &  Online  Course/  to  a  new  directory  and  rename  it  (i.e.  EC3840 
Homepage  &  Online  Course/)  using  Windows  Explorer  as  shown  in  Figure  A26.  Next, 
select  the  f-4-courseware/online/  folder  in  this  new  EC3840  directory  and  erase  all  files 
except  two  winapi  files. 


3Bstaftj|^EMplQring»H;\CQpyof 


4!07PM 


Figure  A26.  Create  a  new  directory  to  package  the  Web-based  file 
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Launch  the  previously  saved  Authorware  file  from  the  H:/EC3840  Authorware 
Design/  directory  again  as  in  Step  24.  Click  on  the  File  I  Package  and  a  new  window  will 
appear  as  shown  in  Figure  A27.  This  time,  select  the  “Without  Runtime”  option  as  well 
as  the  “Package  All  Libraries  Internally”  and  “Package  External  Media  Internally” 
options.  Click  Save  File(s)  &  Package  button  to  begin  the  packaging  process.  Another 
window  will  appear  to  request  destination  of  packaged  file,  select  the  H:/EC3840 
Homepage  &  Online  Course/f-4-courseware/online/  directory  previously  created  in  Step 
26. 


Figure  A27.  Package  File  menu 


Click  on  Start  I  Programs  I  Macromedia  Authorware  5  I  Authorware  Web 


Packager  to  activate  the  Web  Packager  program  as  shown  in  Figure  A28. 


3:07  PM 


Figure  A28.  Activate  the  Authorware  Web  Packager  program 


From  the  Authorware  Web  Packager,  select  and  open  the  file  EC3840r01.a5r 
previously  generated  from  Step  28  (in  the  .../online  folder).  Subsequently,  save  the 
EC3840r01.aam  file  to  the  same  directory  as  shown  in  Figure  A29. 


Figure  A29.  Save  the  Web-based  Online  Course  in  the  . .  ./online  folder 
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Step  30 


Another  window  appears  as  in  Figure  A30.  This  is  the  maximum  segment  setting 
for  Authorware  to  package  the  online  course  to  smaller  segments  used  for  streaming 
across  the  Internet.  A  segment  size  of  16Kbytes  is  recommended.  Click  on  the  OK  to 
proceed.  Once  packaging  is  completed,  close  the  Web  Packager  window.  Appendix  B 
details  how  to  host  the  Web-based  Authorware  file  (EC3840r01.aam  or  EC4810r23.aam) 
on  the  Internet  Homepage. 


^Starti  ig)Explerin9-M:'EC38<Om)...|  g|Taro  Thesis  Rev? -Mtooi...|j0AiiMiiin»areWebPadc-  , 


Figure  A30.  Segment  size  recommended  for  Web  packaging 
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APPENDIX  B.  STEP-BY-STEP  GUIDE  FOR  CREATING  WEB  PAGES 


Step  1 

Copy  the  directory  H:/EC4810  Homepage  &  Online  Course  to  a  new  directory 
and  rename  it  (i.e.  EC3840  Homepage  &  Online  course)  using  Windows  Explorer  as 
shown  in  Figure  B 1 .  Ignore  this  step  if  already  completed  from  Appendix  A  Step  26. 


rX  Enploring  -  H:\Copy  of  EC4810  Homepage  &  Online  Course 


File  Edit  View  lools  Help 
:  All  Folders 


;  Contents  of  HiKopy  of  EC4810  Homepage  8t  Online  Course’ 


I^TesSop 

My  Computer 
■+  3’/i  Floppy  (A:) 

i*:  (C:) 

^  CD:) 

'+!  HI  Removable  Disk(E:) 
S  'HI  Removable  Disk  (F:) 
it"  (G:) 

irrJ  ^  whtam$  on  'kiska*  (H:) 


ODv  Of  EC4810  Homepaae  Si  Online  Course 


1+  ■ _ ’  docs 

■*}  __]  EC4810  Course  -  Executable 

ft:  - _ j  EC4810  Homepage  &.  Online  Course 

It: _ ]  Exceed.nt 

i±r- _ j  exchange 

l+i  _ ]  Maple 

L+J  '_J  Msoffice 
^  1+ '  ^J  Sp2000 
■£  _ ]  WinZip 

Hy  (XO 

.jcii  Control  Panel 

; . Printers 

d  I  Scheduled  Tasks 
£  Web  Folders 
:  "5  Network  Neighborhood 
Recycle  Bin 
My  Briefcase 


Name 

i  Size 

Type . 

_ _ i_border5 

File  Folder 

_ i_private 

RIe  Folder 

Jjj/tLcnf 

File  Folder 

_J_vti_pvt 

File  Folder 

_ 1  f-4-cour5eware 

File  Folder 

_Jf-5-Iabs 

File  Folder 

_ 3  f-6- projects 

File  Folder 

„Jf-7-exams 

File  Folder 

_ I  images 

File  Folder 

^  index 

3KB 

Microsoft  HTML  Document  5.0 

index-header 

1KB 

Microsoft  HTML  Document  5.0 

index-sidebar 

2KB 

Microsoft  HTML  Document  5.0 

3  wsjtp 

2KB 

Text  Document 

^2-1 -home 

6KB 

Microsoft  HTML  Document  5.0 

^  z-2-outtine 

11KB 

Microsoft  HTML  Document  5.0 

^  z-3-textbooks 

5KB 

Microsoft  HTML  Document  5.0 

©  2-4-courseware 

5KB 

Microsoft  HTML  Document  5.0 

>^2-4x1 -online 

4KB 

Microsoft  HTML  Document  5.0 

^z-4x2-slides 

6KB 

Microsoft  HTML  Document  5.0 

^  2-5-!abs 

15KB 

Microsoft  HTML  Document  S.O 

^  2-6-projects 

28KB 

Microsoft  HTML  Document  5,0 

^  2-7-exams 

5KB 

Microsoft  HTML  Document  5.0 

^z-8-grades 

8KB 

Microsoft  HTML  Document  5.0 

. .  ...  . 

1 

jJ 

I  object(s)  selected 


1.73KB 


Figure  B 1 .  Copy  entire  template  to  another  directory  using  Windows  Explorer 
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Step  2 

Launch  the  Windows  FrontPage  2000  from  the  Start  I  Programs  I  Microsoft 
Frontpage  menu.  See  Figure  B2. 


Figure  B2.  Launch  the  FrontPage  2000  application  software  from  the  Start  menu 
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Step  3 


In  Frontpage,  click  on  File  I  Open  and  double  click  on  the  new  directory  (i.e. 
EC3840  Homepage  and  Online  Course).  Select  Index.htm  (i.e.  it  should  be  highlighted) 
and  click  on  the  Open  button  as  shown  in  Figure  B3. 


£ile  E(±t  Vtew  Insert  Fflnrvat  look  Table  iJ>xJow  y^lp 

(None)  »  (default  font)  -  Normal  ▼iB  /  ij?  I  ^  - 


^ Start)  Exploring -H:\EC3840  Ho...  {  ^Taro Thesis  Rev7  -  Mfcros...  |j|5iMicroioft  Frontpage 


8: IS  AM 


Figure  B3.  Open  the  new  directory  using  FrontPage  to  work  on 
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Figure  B4.  Navigation  view  of  Web  structure 


Click  from  the  main  menu  View  I  Toolbars  and  select  Navigation  if  the 
Navigation  window  was  not  already  selected.  A  small  Navigation  window  is  displayed. 
Select  the  Size  to  fit  option  from  the  Navigation  window  as  shown  in  Figure  B5. 


Figure  B5.  Fit  to  size  the  navigation  view 


Step  6 


The  Frontpage  window  should  appear  as  in  Figure  B6.  This  provides  an  overall 
map  view  of  the  Web  structure  used  and  helps  in  the  design  of  the  navigation  bar  for  the 
Web  pages.  The  main  (or  parent)  page  is  the  Index.htm  page  with  eight  lower  (or  child) 
pages  all  on  the  same  horizontal  level.  Each  of  these  pages  can  have  lower  sub-level 
pages  as  required.  The  filenames  of  each  of  these  files  are  shown  in  the  Folder  list 
(middle  column  of  the  window).  To  edit  any  of  the  pages,  double  click  on  the  filename  in 
the  Folder  list  or  in  the  main  window. 


Figure  B6.  Folder  list  where  all  the  Web  page  files  are  stored 
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Step  7 


Double  click  on  the  Index.htm  file  from  the  Folder  list  to  display  its  contents  on 
the  main  window.  The  display  should  appear  as  in  Figure  B7.  The  Index.htm  is  the 
default  main  page  used  for  most  Web  servers.  This  Index.htm  consists  of  three  frames; 
each  is  formed  by  another  page,  namely  the  Index-header,  Index-sidebar,  and  the  main 
frame  window,  which  can  be  any  of  the  eight  lower  horizontal  level  pages.  The  default 
page  for  the  main  frame  window  is  set  as  the  z-1 -home.htm  page. 


Microsoft  Frontpage  -  H:'\EC3840  Homepage  &  Online  Course 


File  View  Insert  Ffirmat  lools  Table 
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•  Introcuctic-n  to  iault-to!erant  computing.  The  causes  and  effects  of 
tiardware  and  software  failure. 

•  The  fundamental  concepts  and  techniques  for  the  design  and 
irnpiementaticn  of  fault-tolerant  compute's,  testing  digital  systems, 
and  software. 

•  Model! r:g.  simulation,  and  evaluation  of  faulnoleram  systems. 
Military  and  space  applications  of  fauiN tolerant  computing 


Objectives 


-r* :  — 


f(  r\NoTn>al/  NoFfames  /  HTML  /  Fraroes  Page  HTML  ^Preview  /  i 
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Figure  B7.  Page  view  selected  from  the  left  Views  option  window 
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Step  8 


Double  click  on  the  Index-header.htm  to  change  the  title  of  the  course  as  shown  in 
Figure  B8.  Alternatively,  you  can  remain  in  the  main  Index.htm  page  and  edit  the  contents 
of  the  header  page  directly  (note  however  that  any  changes  made  is  saved  to  the  Index- 
header.htm  page).  In  the  same  way,  the  contents  in  the  Index-sidebar  can  be  edited 
directly  from  the  Index,  htm  main  page.  A  later  step  will  describe  how  to  add  navigation 
bars  for  new  pages  to  be  created. 


]:  f5qrai*;-:TnclU:;-.‘^^^  frames  Window  Hdp 
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EC  3840  :  Introduction  to  Comnuter  Architecture 


Figure  B8.  Edit  the  title  on  the  header  page 
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Step  9 


Double  click  on  the  z-1 -home.htm  to  make  any  changes  for  the  homepage  as 
shown  in  Figure  B9.  Note  that  this  can  also  be  edited  directly  from  the  Index.htm  page, 
but  the  available  display  on  the  window  will  be  smaller  because  of  the  header  and  sidebar 
pages. 


[  WIcfosoft  Frontpage  -  H:\EC3840  Homepage  &  Online  Course 
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fauit-tolerart  computers,  testing  digits;  systems,  and  software. 

•  Modeling,  sirruiiation,  and  evaluation  of  faulMoloranr  syeteiTS,  MiliLafy  and  space 
applications  of  fauit-toierant  computing 


X 


-y'.  ...  hi _ I 

'.r  ° 


Objectives 
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in  computer  hardware. 
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Figure  B9.  Edit  the  Home  page  using  Page  view 
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Step  10 

The  contents  of  the  z-l-home.htm  page  can  be  edited  just  like  any  other  Microsoft 
Office  products.  Font  sizes,  types,  colors,  etc.  can  be  selected  from  the  Formatting  menu. 
The  Show/Hide  feature  can  be  turn  on  or  off  as  shown  in  Figure  BIO.  Note  that  using  the 
Shift-Enter  keys  (produces  J  at  the  end  of  a  line)  instead  of  just  the  Enter  key  (produces 
reduces  the  amount  of  space  between  lines  and  helps  group  related  material  together 
with  the  same  properties.  To  add  an  horizontal  line  across  the  page,  place  cursor  at 
location  and  select  Insert  I  Horizontal  line. 


To  add  a  hyperlink  to  any  string  of  words  or  to  any  image,  simply  select  it 


(highlighted)  and  type  Ctrl-K  (or  Alt-Enter  or  Right  click  and  select  Hyperlink 
Properties).  The  Edit  Hyperlink  window  will  appear  as  shown  in  Figure  B1 1.  Select  from 
the  browse  window  the  intended  hyperlink  file,  or  type  the  exact  Web  address  on  the 
URL  entry.  For  email  hyperlink,  begin  with  “mailto:”  follow  by  the  email  address. 


W. 


Rie  View  insert  Fsrmat  Tools  T^le  Frames  VjJndow  Help 


El <2 


'BSQ, 


1  (  8  pt)  -  B  I  D 


;r:  ip  ^ 


0*,! 


H;\EC3840  Homepage  8c  Online 
J^ivate 
f-4-courseware 
:*■  CJ  f-5-labs 
<  CJ  f-S'projects 
'■*'  CJ  L7-exams 
'  t  Images 
index.htm 

••  ^  index-header.htm 
Index-sidebar. htm 
._jWS_FTP.LOG 
2-1-home. htm 
2-2-outSne.htm 
'  ^  2-3-textbooks.htm 
Oi'l  2-4-coLir$e ware,  htm 
2-4xI-oniine.htm 
Z'4x2-slide5.htm 
^  2-5-labs,  htm 
z-6-pro)ects.htm 
2-7-exams.htm 
....  2-8-^ades.htm 


Home  Pagejl 

[Home]  [OutJme]  [Tertbooks]  [Coursrvm  ]  [Projects]  [ Labs  1  [Exams]  [ Grades ]][ 


Instructor :  J.  T.  Butler,  Spanagel  ^  448  -J 

831  -656-3299  (O)  831  -556^2760  (FAX) 


De 


Look  in  itiij 

—3  ^ 

1  Name  i  Title 

. . . - . ^ 

Cj  M-courseware 
2jf-5-lab$ 
Ljf-6-projects 
LJf-7-exams 
'2J  images 
I D  .private 
Jindex.htm 
rjindex-header.htm 
,  j  index-sidebar.htm 
"ly 

iL 


lw<;  FTP  irvr 


Index 
HEADER 
SIDEBAR 
w<;  FTP  irv: 


URL  Jma®abutiet@c7nprna^^ 

•  Optional . 


■3 


fiookmafk  {(none) 


tI  Xarget  frame:  j  Page  Default  [none] 


MlXHonnal/H 


:^k  4k  ^  :  or  a 


Siyta... 


control  unit.1i 
iJtput 

on.  II 

l! 


~0:I  2  seconds  over  28.8 


i^Start  I  :2j Exploring  -  C:\WHtem\ec. ..  |  ^Tam  Thesis  Rev7  -  Micros...  { j^Microsoft  Frontpage  - ... 


e.3iAM 


Figure  B 1 1 .  Edit  Hyperlink  menu 


Step  12 

To  place  the  Navigation  bars  above  each  page,  select  it  (highlighted)  and  click 
Insert  I  Navigation  bar  for  the  menu  window  to  appear  as  in  Figure  B 12.  Select  preferred 
settings  and  click  OK. 


Step  13 


Scroll  to  the  bottom  of  the  page  and  click  on  the  Footer  area  to  edit  the  contents  as 
appropriate.  This  is  a  shared  border  that  will  appear  in  every  other  horizontal  level  page. 
To  change  the  shared  border  properties,  click  on  Format  I  Shared  Borders  and  the 
window  as  shown  in  Figure  B 13  will  appear. 
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Step  14 

Double  click  on  the  z-2-outline.htm  to  make  any  changes  for  the  course  outline  as 
shown  in  Figure  B14.  To  insert  or  edit  table,  select  from  the  Table  menu  as  required, 
similar  to  other  Microsoft  Office  software. 
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Figure  B 14.  Insert  and  edit  tables 
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Step  15 


To  host  the  Authorware  developed  online  course,  all  the  Authorware  compiled 
files  need  to  be  copied  into  the  H:/EC3840  Homepage  &  Online  Course/f-4- 
courseware/online/  directory  using  the  Windows  Explorer  as  shown  in  Figure  B 15. 
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Figure  B15.  Copy  Authorware  developed  online  files  to  Web  directory  using  Explorer 
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Double  click  on  the  z-4xl-online.htm  to  make  changes  for  inserting  the 


Authorware  developed  online  course.  To  change  a  directory  or  new  Authorware  file 
name,  double  click  on  the  plug-in  icon  and  a  pop-up  menu  as  shown  in  Figure  B16  will 
appear.  The  Web-based  Authorware  online  file  EC4810r23.aam  was  created  following 
steps  from  Appendix  A.  Make  necessary  changes  to  the  directory  name  or  filename  (i.e. 
EC3840r01.aam)  if  another  online  course  is  designed. 


mi 


'I?'!'  iV.' 13^ 


File  View  tisert  format  Tools  Table  Frames  Window  Heb 


D  -  -  G  a  him 


■:H  El  n  i  ^  i  ^  '  i  ^  - 


-  (default  font) 


-  Normal  -  f  B  0  \  m  m  M 


Figure  B 16.  Edit  the  Plug-in  Properties  menu 
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Step  17 

Double  click  on  the  z-4x2-slides.htm  to  make  changes  for  inserting  PowerPoint 
slides  as  appropriate.  Highlight  or  select  the  title  of  each  section  and  add  hyperlink  to 
corresponding  files  as  appropriate  (see  Step  1 1  for  adding  of  Hyperlink).  See  Figure  B 17. 
It  is  recommended  that  Word  document  (.doc)  or  PowerPoint  slide  (.ppt)  files  be 
converted  to  Adobe  format  before  hosting  on  Web  pages,  because  of  its  smaller  size  and 
faster  download  time. 


m 


File  Edt  View  Insert  Fcrnvat  loois  Table  Frames  iVndow  [jelp 


D  -1^'  a  ®  ia  y;  X 


^  Ei  g.  ir  l©.:  jr  <2 


naa 


-  Normal  -  ;  B  /  S 


'  A 


j  I  Folder  List 


'ZS  H:\EC3840  Homepage  &  Onli 

V  .private 

V  f-4-cour5eware 
FS'labs 

>:  Jj  F*6-projects 
>.  _J  f-7-exams 
images 

'  index.htm 
’  ^  index-header.htm 
^  index-sidebar,  btm 
.  2l  WS.FTP.LOG 
z-l-home,htm 
^  2-2-outSne,htm 
;  ^  2-3-textbooks.htm 
■  1^  2-4<ocir5eware.htn 
2-4x1 -onfine.htm 
-  2-4x2-slides.htm 
^  2-5-labs.l*m 
^  2-6-project5.Wm 
2-7-ejcams.htm 
^  2-8-grades,  btm 


PowerPoint  Slides 


mu 


Look  in  sBdes 


■3 


JChap  06 
i'^Chap  06 
QChap  07 
!^Chap  07 
^Civ«j08 
^ChapOS 
[21  Chap  09 
|jchap09 

P 

ii^Chap  10 


Path  Sensifeation  Technique.pdf 
Path  Sensibration  Technkque.ppt 
D  Algorithm.pdf 
D  Algorithm,  ppt 
Synckome  Testing.pdf 
Syndrome  Testing, ppt 
Trartsitfon  Count  Technique.pdf 
Transition  Count  Tectriique.ppt 


Chap  10  -  C)u3dded  Logc.pdf 


-  Quadded  Logic.ppt 


jchapU 
l^Chap  1 1 
[jChapl2 
l|r]Chapl2 
[jCbaplS 
l^ChaplS 
pChap  14 
0Chapl4 
iJWS.FTP. 


-  Design  For  Testabil 

-  Design  For  Testabil 
-Built-In  Self  Test  (B 
-Built-In  Seif  Test  (B 

-  Software  Implert^er 

-  Software  Impiemer 
Systems  Diagnosis. 

-  Systems  Diagnosis. 
.LOG 


JJRL  iM<xxJsewarc/5fides/Chap  10  ■QuaddedLogic.pdf 


■3 


-  Optional . . 


fiocrfcmartc  jlnorre) 


Jarget  fiame:  jPage  Oeiaull  (none) 


0<  I  Cancel 


Style... 


Chapter  ‘j  ■  Transition  count  testing 
Chapter  1 0 : 


^ .  A 


Chapter  1 1 

JtJ  l\  Normal  /  HTML  7  ReviiiHv  7 1  <  I 

-c :  ik  /jk  ^ :  cr  Qi  m  ^  -r  S'  ^  X 


^  - 


^ start;  lijjExploring  •H:\EC3840  Ho...  |  fejlam Thesis  Rev7 •  (vtcros...  jj ^Microsoft  FrontPage - 


.d 


Q ;  22  seconds  over  28. 8 


9:00  AM 


Figure  B 17.  Add  Hyperlink  to  Word,  PowerPoint,  or  other  files 
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Step  18 


To  add  a  new  page,  select  Normal  Page  from  the  File  I  New  I  Page  menu. 
Alternatively,  copy  a  standard  second  level  page  and  rename  it  (this  is  the  recommended 
approach,  since  all  the  shared  border  and  background  properties  will  be  inherited 
directly).  To  copy  a  file  from  the  Folder  list,  right  click  once  the  z-1 -home.htm  (i.e. 
highlighted)  and  select  Copy.  Then  right  click  again  and  select  Paste',  the  z-1- 
home_copy(l).htm  file  appears.  Right  click  once  on  the  new  file  and  rename  it  (i.e.  z-9- 
video.htm).  See  Figure  B 18. 
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Figure  B 18.  New  file  added  in  the  Folder  list 
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Step  19 


Once  a  new  page  has  been  created,  it  needs  to  be  added  to  the  Web  structure. 
Click  the  Navigation  button  of  the  Views  sidebar  on  the  left  of  the  display  window.  Click 
on  the  new  file  name  z-9-video.htm  from  the  Folder  list  to  highlight.  Click,  drag  and  drop 
file  onto  the  main  window  on  the  right.  A  new  page  will  appear  under  the  tree  structure 
with  the  name  “Home  Page”.  Click  on  it  once  or  right  click  to  select  rename.  Rename  the 
file  as  appropriate  (i.e.  Video)  as  shown  in  Figure  B19.  Note  that  this  is  the  name  that  will 
automatically  appear  in  the  navigation  bars  (as  explained  in  the  next  step),  and  it  is  not 
the  filename  of  this  page. 
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Figure  B 19.  Drag  and  drop  new  file  to  Web  structure  and  rename 
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Step  20 


Double  click  on  the  new  “Video”  page  to  view  and  edit  its  contents.  Note  that  at 
the  top  of  the  main  window  where  the  Navigation  bars  are,  a  link  to  the  new  Video  page 
has  been  automatically  added  as  shown  in  Figure  B20.  From  the  Folder  list,  click  on  any 
other  pages  and  note  that  the  Video  page  link  has  also  been  updated  on  all  other 
horizontal  level  pages. 
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Step  21 


Double  click  the  file  Index-sidebar.htm  from  the  Folder  list  as  shown  in  Figure 
B21.  Add  below  the  vertical  list  of  navigation  bars  a  word  “Video”.  Double  click  on  the 
word  “Video”  and  add  the  hyperlink  to  the  z-9-video.htm  page.  This  completes  the 
process  of  adding  a  new  page  to  the  Web  site. 
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Figure  B21.  Update  the  Sidebar  page  with  link  to  the  new  page 


97 


Step  22 


To  add  a  new  document,  first  use  Windows  Explorer  to  move  the  file  into  the 
appropriate  directory  (i.e.  H:/EC3840  Homepage  &  Online  Course/f-5-labs/lab  61).  From 
the  Frontpage  Folder  list,  select  the  appropriate  directory  to  find  the  corresponding  file. 
Click,  drag  and  drop  the  file  onto  the  current  page  in  the  main  right  window,  as  shown  in 
Figure  B22.  Rename  the  description  of  the  file  as  appropriate.  Alternatively,  files  can  be 
added  as  h)^erlink  to  a  string  of  words  by  following  Step  1 1 . 
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Figure  B22.  Drag  and  drop  feature  of  FrontPage 
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step  23 


To  add  or  change  a  new  background,  first  use  Windows  Explorer  to  copy  the  new 
background  image  file  into  the  H:/EC3840  Homepage  &  Online  Course/images/ 
directory.  Then  select  the  appropriate  file  with  background  to  be  changed  from  the  Page 
view.  Click  on  Format  I  Background  and  the  Page  Properties  menu  will  appear  as  shown 
in  Figure  B23.  Make  necessary  changes  as  appropriate. 
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Figure  B23.  Page  Properties  menu 
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Step  24 

To  see  the  effects  of  Web  design  at  any  time,  save  all  changes  using  Ctrl-S  or 
click  File  I  Save.  Click  on  the  Index.htm  file  once  to  highlight  it.  Then  select  the  File  I 
Preview  in  Browser  for  a  pop-up  menu.  Select  the  Automatically  save  page  option  and 
click  on  the  Preview  button  as  shown  in  Figure  B24. 
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Step  25 


Once  satisfied  with  the  Web  design,  exit  from  FrontPage  by  selecting  File  I  Exit. 
Remember  to  save  all  changes  to  Web  pages  before  exiting.  When  closing  the 
application,  FrontPage  will  prompt  you  if  you  have  made  recent  changes  to  a  page  and 
have  not  saved  it  yet.  See  Figure  B25. 
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Figure  B25.  Save  all  changes  before  exiting  FrontPage 
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Step  26 


Any  FTP  software  can  be  used  to  download  the  designed  Web  pages  into  the 
appropriate  Web  server.  The  WS_FTP  software  is  recommended  as  shown  in  Figure  B26. 
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Figure  B26.  Use  FTP  software  to  transfer  all  Web  files  to  the  Web  server 
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